8
votes

Pourquoi LivereLoad ne fonctionne-t-il pas dans le projet VUE-CLI avec Vagrant?

C'est la première fois que j'essaye VUE-CLI, pour éviter d'installer des packages NPM dans le monde, j'utilise Vagrant.

VagrantFile strong> p> xxx pré>

provision.sh strong> P>

DONE  Compiled successfully in 4188ms
> Listening at http://localhost:8080

vagrant webpack vue.js

0 commentaires

4 Réponses :

4
votes

Notification via Inotify Nécessite que le noyau soit conscient de tous les événements de système de fichiers pertinents, qui n'est pas toujours possible pour les systèmes de fichiers en réseau tels que NFS.

Vous aurez besoin de sondage afin que la WebPack vérifierait chaque centaine de millisecondes pour voir si vos fichiers ont été mis à jour. p> xxx pré>

au bas de votre webpack.dev.conf.js code> p>

edit strong>: Livereload Extension chromée écoute sur le port 35729. Ajoutez les éléments suivants à votre VagrantFile P>

config.vm.network "forwarded_port", guest: 35729, host: 35729

2 commentaires

J'ai ajouté cette option mais pas de résultat gist.github.com/in-in/02549FDC58D5AC9D1A2060A211E561E

Cela devrait fonctionner sans aucune extension chromée. @Julian a écrit la bonne réponse ci-dessous

7
votes

Après avoir lu longtemps avec cela, j'ai enfin découvert comment faire ça. Faites ceci:

/build/dev-server.js xxx

1 commentaires

Mon utilisation de la CPU est allé à 100% avec ces watchOptions donc je l'ai soutenu vers sondage: 1500, ignoré: / nœud_modules / .

7 votes Solution pour Vue CLI 3.0.0 Il y a des problèmes de remorquage à résoudre: La machine Vagrant n'offre pas d'informations sur les modifications apportées à partir de la machine hôte; sockjs-nœud est probablement configuré pour localhost. solution Ensemble de la mise en commun pour la webPack; Définir l'adresse publique dans la configuration Webpack DevServer. Créer vue.config.js fichier dans les projets répertoire principal: xxx 1 commentaires Tu es un sauveur. 0 votes @ VUE / CLI 4.2.3 Il suffit de moi avec @ Vue / CLI 4.2.3 sur vagabond. Premier, j'ai utilisé le chokidar_usepolling Variable env. . A ajouté l'ajout chokidar_usepolling = true à / etc / environnement dans un invité vagabond pendant la fourniture. Cela a permis à des modifications en direct à voir dans le navigateur de l'hôte, mais rafraîchissant obligatoire. Réglage devserver.public Vue Configuration sur 0.0.0.0:8080 a résolu ce problème. tl; dr dans / etc / environnement : xxx dans vue.config.js : xxx 0 commentaires

Articles qui pourrait vous intéresser : Erreur Vagrant Up rencontrée lors de la mise à niveau de MacOs Big Sur Mac: Une erreur s'est produite lors de l'exécution de `VBoxManage`, une CLI utilisée par Vagrant Utiliser Vagrant et Docker pour exécuter des unittests Python SSH Impossible d'accéder au dossier vagrant sur la machine vagrant (identifiant de fichier périmé)