search

M4TThys123 / JBI-Installatieservice

Ontwerp en Ontwikkeling van een Gebruiksvriendelijke Webapplicatie met API Integratie
https://jbistallatie.vercel.app/
0 stars 0 forks source link

Fixen van Production Deployment #21

Closed M4TThys123 closed 1 year ago

M4TThys123 commented 1 year ago
Screenshot 2023-05-04 at 18 23 07

Tijden her werken aan dit project, had ik mijn eerste vue applicatie geïntegreerd op Vercel. Deze stond live en werkte. Maar plotseling werkt de de Production Deployment niet meer.

M4TThys123 commented 1 year ago

👀 Analyseren:

To do:

Vind het probleem

De URL laad alleen een lege div.

<!DOCTYPE html>
<html lang="">
    <head>
        <title>&lt;%= htmlWebpackPlugin.options.title %&gt;</title>
     </head>  
    <body>
        <div id="app" style="height: 100vh"></div>
    </body>
</html>

Het kan zijn dat mijn vue.js niet goed is gemount voor productie.

Console errors localhost

Screenshot_2023-05-04_at_18 04 38

Console errors vercel build

Screenshot_2023-05-04_at_18 03 56

Bedenk een oplossing

play() error komen overeen, die ga ik als eerst op losing.

M4TThys123 commented 1 year ago

⚙️ Integreren:

Fix het probleem

Ik ben begonnen met het bouwen in SvelteKit in sprint 18, maar tijdens mijn stage ben ik geswitched naar Vue, omdat ik daar een stuk meer ervaring in heb opgedaan.

Daardoor heb ik de website 2x gedeployd.

Screenshot_2023-05-04_at_18 15 06

Om dit te fixen moet ik de url rechtse deployment gebruiken. Deze is namelijk ingesteld als een vue deployment.

M4TThys123 commented 1 year ago

✨Test fase:

Test of de url werkt

https://jbistallatie.vercel.app/

Screenshot 2023-05-04 at 18 27 51

De website werkt weer.