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

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

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

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

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

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

解決：在文件結(jié)尾添加換行

問題3：Strings must use singlequote

解決：

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

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

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

{
  "singleQuote": true
}

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

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

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

解決：大括號后換行

改為

問題6：Trailing spaces not allowed

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

問題7：Missing space before function parentheses

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

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