web-dev-qa-db-fra.com

vue cli - Uncaught SyntaxError: Jeton inattendu <

Je crée mon projet avec vue-cli 3.0. Au début, ça fonctionne bien. Mais après que je <ctrl>-c puis nom run serve encore, il continue à jeter des erreurs:

Uncaught SyntaxError: Jeton inattendu <

cela indique que l'erreur est survenue à la première ligne de app.js, mais je vérifie dans la console que < provient en fait de index.html. Ce qui signifie que quelque part dans le processus, la webpack pensée index.html devrait être transposée en tant que app.js.

Voici les paquets que j'utilise:

vue 3.0.0-rc.3 @ vue/cli-plugin-babel ^ 3.0.0-beta.15 @. vue/cli-plugin-eslint ^ 3.0.0-beta.15 @ vue/cli-service ^ 3.0.0-beta.15

Comment puis-je résoudre ça?

Update01 Je supprime à nouveau le dossier complet node-modules et npm install, puis tout semble bien fonctionner à nouveau. Mais si quelqu'un a une idée de la raison, partagez-le.

javascriptvue.jsvuejs2
3
sooon

J'ai eu le même problème, j'ai essayé de supprimer les modules de nœud et d'installer npm à nouveau, mais cela n'a pas fonctionné. 

Ce qui a fonctionné a été de supprimer toutes les données du site. Vous pouvez le faire (dans Chrome) en ouvrant l'onglet Développement (Ctrl + Maj + i), accédez à l'onglet "Application" et cliquez sur les données de site claires. 

Mon hypothèse est que j'avais toujours un ancien employé de service qui a intercepté la demande et a servi le fichier html à la place du fichier app.js. Donc, si vous avez déjà utilisé des PWA auparavant à l’URL " http: // localhost: 8080 ", cela pourrait résoudre le problème.

4
Evertvdw

J'ai eu cette erreur quand j'ai essayé de lancer Vue Ui. Cela s'est passé lorsque j'ai installé Vue Cli 2.0 avec 3.0. 

J'ai donc désinstallé les deux et installé la version 3.0, puis: 

Tout ce que je devais faire était un cache vide et un rechargement dur en chrome.

Ouvrez les outils de développement en appuyant sur la touche f12 puis cliquez et maintenez enfoncé le bouton d'actualisation, puis sélectionnez de l'argent vide et un rechargement brut.

Je ne sais pas si cela est lié à votre problème spécifique.

1
abann sunny

Désinstaller les deux CLI et réinstaller V3 + Une actualisation "complète" dans Chrome a tout de même permis de résoudre ce problème .

1
Remco

Je suppose que vous utilisez la même fenêtre de console que celle utilisée pour vue ui ou vue create pour démarrer le projet?

Essayez ensuite d’ouvrir une nouvelle instance de console et d’exécuter votre projet.

Dans mon cas, cela a fonctionné et le problème était une variable d’environnement écrasée dans la première console.

Je te souhaite bonne chance!

1
Thomas Kleßen

J'ai le même problème. dans le fichier index.html, je viens d’écrire cette balise de script, comme ceci:

  <script src="./static/js/qrcode.min.js"></script>

si je change src attr comme ceci:

 <script src="/static/js/qrcode.min.js"></script>

ok, pas d'erreur 'Jeton inattendu <' dispaly.

voici un autre problème qui m'est arrivé.

tests de produits de construction en ligne qui indiquent que je ne peux pas accéder à ce site et obtenir des ressources. OMG ! ok, je change encore cette src comme ceci:

<script src="./static/js/qrcode.min.js"></script>

puis faites quelques changements dans vue.config.js comme ceci:

baseUrl:'./'
assetsDir:'./'

donc, tout est en ligne, mais dans mon projet local, cette erreur se produira.

enfin, je trouve ceci:

adresse URL en ligne: http://xxxxx.cn/test0001/#/

adresse URL locale: http://192.168.5.108:9000/test0001/#/

(ps: les paramètres test0001 ne peuvent pas être supprimés, mon projet en a besoin)

si je supprime ce paramètre 'test0001', cette erreur ne s'affiche pas dans le test de mon projet local. 

J'imagine que la différence entre l'environnement de développement et de développement est à l'origine de cette erreur et de mes paramètres test0001 dans l'adresse URL.

enfin, je viens d'utiliser un paramètre pour diff ce produit et développement pour le résoudre.

si quelqu'un rencontre ce problème comme moi, partagez votre solution.

0
user10510676