eslint常見的報錯及解決方法有哪些

本文小編為大家詳細介紹“eslint常見的報錯及解決方法有哪些”，內容詳細，步驟清晰，細節處理妥當，希望這篇“eslint常見的報錯及解決方法有哪些”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

問題1：Component name “index” should always be multi-word

解決：在.eslintrc.js文件中的rules中添加組件命名忽略規則。這里使用index.vue作為頁面入口文件，因此忽略index

rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    // 忽略個別組件命名規則
    "vue/multi-word-component-names": ["error",{
      "ignores": ["index"]
   }]
}

問題2：Newline required at end of file but not found

解決：在文件結尾添加換行

問題3：Strings must use singlequote

解決：

1. 手動將雙引號改成單引號

2. 為了避免格式化代碼后又將單引號改回雙引號，需要修改格式化文件的配置。即在項目根目錄中創建.prettierrc（格式化文件配置項），并添加 "singleQuote": true，啟用單引號

注：該配置項是一個json文件格式

{
  "singleQuote": true
}

問題4：Expected indentation of 2 spaces but found 4

解決：因為eslint要求2個縮進，而通常一個tab是4個縮進，改為2個縮進即可，或者在.eslintrc.js文件中的rules中關閉縮進校驗"indent": 0

問題5：Expected a line break after this opening brace

解決：大括號后換行

改為

問題6：Trailing spaces not allowed

解決：存在多余空格，刪除多余的空格

問題7：Missing space before function parentheses

解決：方法名和括號之間需要一個空格，可添加空格，但由于習慣寫法方法名和括號間不加空格，因此可在.eslintrc.js文件中的rules中添加'space-before-function-paren': 0，將方法名和括號間空格設為0

讀到這里，這篇“eslint常見的報錯及解決方法有哪些”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。