Comment résoudre le problème du rapport d'erreurs dans la détection des règles de syntaxe de Vue

Cet article présente principalement la solution au problème du rapport d'erreurs de détection des règles de syntaxe dans Vue, lors de la configuration du chemin, diverses erreurs sont apparues les unes après les autres. Les plus courantes sont certaines méthodes d'écriture, telles que les espaces, l'indentation et. diverses parenthèses. Il a une valeur très pratique. Les amis qui en ont besoin peuvent se référer à

J'ai construit un projet vue, diverses erreurs sont apparues les unes après les autres. comme les espaces, l'indentation, divers, j'ai tapé des parenthèses, et je les ai comparés phrase par phrase. La modification a été assez longue et inefficace. Je n'ai pas écrit une seule configuration de routage de toute la matinée

L'erreur principale était. comme suit :

J'ai intercepté une section de rapports d'erreurs courants et j'en ai sélectionné un :

Indentation attendue de 4 espaces mais j'ai trouvé 1 onglet

Traduisez-le, cela signifie : indentation attendue de 4 espaces, mais 1 onglet trouvé. 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. la raison et trouvez-la. La solution est la suivante :

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

Enregistrez, puis relancez npm, exécutez dev :

Bien que l'erreur ait disparu, cela présente des inconvénients. Oui, en arrêtant de force toutes les fonctions de vérification des erreurs, de nombreuses erreurs grammaticales ne peuvent pas être détectées au début, ce n'est pas recommandé et cela ne favorise pas la lisibilité et la 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 recommandez à tout le monde de se familiariser avec les règles ESLint

Règles

Vous pouvez définir certaines règles dans le fichier de configuration .

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

1. "off" ou 0 : désactivez la règle. "

2. avertir" ou 1 : ouvrez la règle et agissez comme un avertissement (n'affecte pas le code de sortie).

3. "erreur" ou 2 : Ouvrez la règle en tant qu'erreur (le code de sortie sera 1).

Pour vous donner une meilleure compréhension des règles, ESLint les divise en catégories.

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 selon les règles personnalisées

En prenant l'erreur signalée ci-dessus comme exemple, elle est liée à l'indentation de l'espace. Retrouvez les conseils de règles pertinents :

Ensuite, allez dans les règles, ajoutez manuellement 'no-mixed-spaces-and-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 ne s'affiche plus. L'avantage est que vous pouvez sélectionner les règles qui doivent être ignorées

.

Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à tout le monde. Apprendre est utile Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Introduction à l'utilisation de la syntaxe jsx du composant Vue

Plug-in de chargement différé basé sur Vue vue-view -Introduction aux paresseux

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!