Vue-cli 3 la build ne fonctionne pas

vue-cli

#1

Bonjour,
je débute avec vue-cli et je rencontre un soucis dès le départ.

La commande npm run serve fonctionne très bien, le site est chargée à chaque modif pendant le dev. C’est top.
Ensuite, je fais une build avec la commande npm run build. Pas d’erreur, mais lorsque je lance le fichier index.html (dans le dossier dist), la page est blanche et la

est vide.

Et ceux avec le projet de base créer par vue-cli (avec la commande vue create).

Merci d’avance pour vos idées :wink:


#2

exe

Un petit UP de mon soucis et avec 2 Screenshots pour étayer mes propos.

Merci d’avance pour vos idées :wink:


#3

Can not be opened as a file, to open in the form of a server.


#4

same problem opening it by a web server :confused:


#5
npm i anywhere -g
cd projectRootDir\dist
anywhere

#6

But why it does not work with an IIS server or Node.js ?


#7

If you don’t mind, let me use the teamviewer look remote.


#8

English
I found it. I had to configure publicPath in view.config.js because I was putting the files in a subfolder.

Vue Cli publicPath

// vue.config.js
module.exports = {
    // options...
    publicPath: '/test-vue-cli/'
  }

So the URL below works.
http://localhost:8080/test-vue-cli/

Thank you for taking the time to respond :wink:

Français
J’ai trouvé. J’ai du configurer le publicPath dans view.config.js car je mets mes fichiers dans un sous dossier.

Vue Cli publicPath

// vue.config.js
module.exports = {
    // options...
    publicPath: '/test-vue-cli/'
  }

Du coup, l’url ci-dessous fonctionne.
http://localhost:8080/test-vue-cli/

Merci d’avoir pris le temps de répondre :wink: