emplacement de l'erreur vue-cli

Vue-cli est un outil d'échafaudage utilisé pour développer rapidement des projets Vue.js. Il peut nous aider à créer rapidement une structure de projet Vue.js de base et fournit de nombreuses fonctions et plug-ins couramment utilisés. Cependant, lorsque vous utilisez vue-cli pour développer des projets, vous pouvez rencontrer diverses erreurs. À l’heure actuelle, nous devons localiser rapidement et précisément les erreurs et les résoudre pour garantir le bon déroulement du projet.

Cet article présentera plusieurs erreurs vues-cli courantes et donnera les solutions correspondantes pour aider les lecteurs à mieux comprendre et utiliser l'outil vue-cli.

1. Échec de la connexion à localhost :8080

Cette erreur se produit généralement lors du démarrage du projet. La raison en est que le port est occupé ou que le port défini n'est pas cohérent avec le port en cours d'exécution.

Solution :

1. Vérifiez si le port est occupé. Vous pouvez utiliser la commande netstat -ano | findstr "8080" pour interroger. netstat -ano | findstr "8080"命令查询。

2、修改端口号，在config/index.js文件中找到dev字段，将其port属性修改为其他可用端口号即可。

二、"Module not found" 或 "Cannot find module"

这个错误一般是因为模块名称或路径错误导致的，Vue-cli默认情况下只会在相对路径下查找模块，对于其他路径下的模块需要手动指定路径。

解决方案：

1、检查模块名称是否正确。

2、确认模块路径是否正确。

例如，如果要引入一个位于src目录下的myModule.js模块，可以这样写：

import myModule from '@/myModule'

三、"npm ERR! code"出现错误

这个错误通常是因为npm安装模块失败。原因可能是网络不稳定，甚至是模块库本身出现了问题。

解决方案：

1、检查网络连接是否正常。

2、尝试使用淘宝镜像安装模块：npm install -g cnpm --registry=https://registry.npm.taobao.org，然后使用cnpm代替npm

2. Modifiez le numéro de port, recherchez le champ dev dans le fichier config/index.js et modifiez son attribut port en un autre. ports disponibles Juste un numéro.

2. "Module introuvable" ou "Impossible de trouver le module"

Cette erreur est généralement causée par une erreur dans le nom ou le chemin du module. Par défaut, Vue-cli ne trouvera que les modules sous des chemins relatifs. chemins, les modules nécessitent une spécification manuelle du chemin.

Solution :

1. Vérifiez si le nom du module est correct.

2. Confirmez si le chemin du module est correct.

Par exemple, si vous souhaitez introduire un module myModule.js situé dans le répertoire src, vous pouvez écrire comme ceci :

let value;
console.log(value.length);

3 erreur "npm ERR! code"

Cette erreur. est généralement dû à l'échec de l'installation du module npm. La raison peut être un réseau instable ou même un problème avec la bibliothèque de modules elle-même.

Solution :

1. Vérifiez si la connexion réseau est normale.

2. Essayez d'utiliser le miroir Taobao pour installer le module : npm install -g cnpm --registry=https://registry.npm.taobao.org, puis utilisez cnpm code> à la place de la commande <code>npm.

Cela peut améliorer la vitesse d'installation des modules et également éviter des problèmes avec certaines bibliothèques de modules.

4. "Jeton inattendu" ou "Erreur de syntaxe"

Cette erreur est généralement causée par une écriture de code irrégulière. Vue-cli utilise ESLint par défaut pour détecter les spécifications du code. Si le code n'est pas conforme aux spécifications, cette erreur se produira.

Solution :

1. Vérifiez le message d'erreur pour déterminer le code d'erreur.

2. Modifiez le code selon les spécifications ESLint. 🎜🎜Par exemple, ESLint exige que des accolades soient ajoutées à l'instruction if. Sinon, une erreur de jeton inattendue sera générée. 🎜🎜5. "Impossible de lire la propriété" ou "TypeError"🎜🎜Cette erreur est généralement causée par l'utilisation d'une variable ou d'une propriété non définie ou non attribuée. 🎜🎜Solution : 🎜🎜1. Vérifiez s'il y a des variables ou des propriétés non définies ou non attribuées dans le code. 🎜🎜2. Confirmez si le type de la variable ou de l'attribut est correct. 🎜🎜Par exemple, l'exemple suivant provoquera une erreur TypeError : 🎜rrreee🎜Dans cet exemple, puisque la valeur n'est pas attribuée, sa valeur est indéfinie et undéfini n'a pas d'attribut de longueur, donc une erreur TypeError se produira. 🎜🎜Résumé🎜🎜Ci-dessus sont plusieurs erreurs courantes et leurs solutions lors de l'utilisation de Vue-cli. Lorsque nous rencontrons des erreurs similaires au cours du processus de développement, nous pouvons nous référer à la solution ci-dessus pour localiser rapidement l'erreur et améliorer l'efficacité du développement. 🎜🎜Dans le même temps, nous devons toujours maintenir une attitude d'apprentissage et avoir une compréhension approfondie des principes et de l'utilisation de l'outil Vue-cli, afin de pouvoir mieux utiliser l'outil Vue-cli pour développer Vue.js de haute qualité. candidatures. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!