Que faire si vue signale une erreur d'espace

Solution à l'erreur d'espace Vue : 1. Recherchez le fichier webpack.base.conf.js dans le répertoire de construction et désenregistrez les règles qu'il contient ; 2. Réexécutez "npm run dev" ; fichier, ajoutez des règles personnalisées ; 4. Ouvrez les règles, ajoutez manuellement "sans espaces et tabulations mixtes", puis définissez-le sur 0 et fermez les règles.

L'environnement d'exploitation de ce tutoriel : système Windows 10, Vue version 3, ordinateur Dell G3.

Que dois-je faire si vue signale une erreur d'espace ?

Erreur d'espace vue

J'ai construit un projet vue. Lors de la configuration du chemin, diverses erreurs sont apparues les unes après les autres. Les plus courantes étaient certaines méthodes d'écriture, telles que les espaces, l'indentation et diverses parenthèses. , j'ai dit une phrase après l'autre. En comparaison, la modification est assez longue et inefficace. Pas une seule configuration de routage n'a été écrite de toute la matinée. Les principales erreurs sont les suivantes :

J'ai intercepté un message d'erreur courant et j'ai sélectionné. l'un d'eux :

Expected indentation of 4 spaces but found 1 tab

Traduit, cela signifie : contraction attendue. J'ai saisi 4 espaces mais j'ai trouvé 1 onglet. Cela signifie que lorsque Vue détecte des règles d'écriture, il ne reconnaît que les espaces et ne reconnaît pas l'indentation des tabulations. À ce stade, vous devez modifier le contenu de la page et remplacer les tabulations par des espaces, ce qui est plus gênant. les raisons et trouvez-les. La solution est la suivante :

Tout d'abord, recherchez le fichier webpack.base.conf.js dans le répertoire build, et déconnectez-vous de cette section dans les règles :

Enregistrez, puis npm exécutez à nouveau dev. :

Bien qu'une erreur soit signalée comme disparue, l'inconvénient est qu'elle arrête de force toutes les fonctions de vérification des erreurs et que de nombreuses erreurs grammaticales ne peuvent pas être détectées au début, cela n'est pas recommandé et n'est pas propice à la détection des erreurs. lisibilité et standardisation du code. Ensuite, nous devons trouver un autre moyen, il suffit de modifier la configuration dans les règles.

Deuxièmement, cela utilise un autre fichier de configuration : le fichier .eslintrc.js dans le répertoire test (recommandé)

Ajoutez vos règles personnalisées, puis je recommande à tout le monde de se familiariser avec les règles ESLint

Rules

dans la configuration fichier Certaines règles peuvent être définies.

Il existe trois niveaux d'erreur dans les règles :

“off” 或者 0：关闭规则。
“warn” 或者 1：打开规则，并且作为一个警告（不影响exit code）。
“error” 或者 2：打开规则，并且作为一个错误（exit code将会是1）。

Afin de vous permettre de mieux comprendre les règles, ESLint les classe.

Toutes les règles sont désactivées par défaut. Dans le fichier de configuration, utilisez "extends": "eslint:recommended" pour activer les règles recommandées et signaler certains problèmes courants. Ces règles recommandées sont marquées d'une balise ci-dessous.

Les erreurs possibles sont configurées par rapport aux règles personnalisées

Prenons l'erreur signalée ci-dessus comme exemple, qui est liée à l'indentation des espaces :

Ensuite, accédez aux règles et ajoutez manuellement « sans espaces mixtes » et. -tabs', puis définissez-le sur 0, fermez la règle

// 在这里添加自定义规则
'rules': {
// allow paren-less arrow functions
'arrow-parens': 0,
// allow async-await
'generator-star-spacing': 0,
// 禁止空格和 tab 的混合缩进
'no-mixed-spaces-and-tabs'：0，
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
}

D'accord, enregistrez et actualisez, vous constaterez que l'erreur n'est plus affichée. L'avantage est que vous pouvez sélectionner les règles qui doivent être ignorées

Apprentissage recommandé : "

》

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!