[Résolu] problème MIME type vuejs - deploy vuejs / vite app par LukaOuddanne - page 1

bonjour

Je bloque pas mal sur le deploy de ma première app Vuejs.

J'ai pris un vps chez hostinger, je me suis co en ssh pour installer nodejs.

J'ai copier le site sans le dossier node_modules et j'ai lancé npm install depuis le serveur.

Tout marche bien en local, mais sur la version en ligne j'ai cette erreur : Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.

Quand je regarde dans l'onglet réseau, il trouve bien les fichiers, donc ce n'est pas une erreur d'url à priori comme j'ai pu voir ça et là sur le net.

le header qui contient le content-type octet-stream se trouve sur le fichier App.vue

Il veut bien me charger le main.js, mais il bloque lors du chargement de App.vue je dirais.

Voici un peu de mon code :

index.html

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Le chaudron</title>
    <!-- GOOGLE FONT-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Merriweather&family=UnifrakturMaguntia&display=swap" rel="stylesheet">
</head>
  <body>

    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>

  </body>
</html>

main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

//global components

const app = createApp(App)

app.use(router)

app.mount('#app')

je pense pas que y'ai besoin du contenu de App.vue, je pourrais le poster si besoin.

Merci beaucoup j'ai plus d'idées >_<

Edit : j'ai trouvé juste après avoir posté lol, si jamais ça peut aider quelqu'un, j'avais juste pas compris qu'il fallait faire npm run build avant et copier le contenu du dossier dist, afin qu'il n'y ai que des fichiers .js sur mon serv

bon code à vous

-
Edité par LukaOuddanne 12 septembre 2022 à 14:19:33

problème MIME type vuejs

deploy vuejs / vite app

problème MIME type vuejs

Supprimer

Modérer

Signaler le message aux modérateurs