快捷導(dǎo)航

eslint常見(jiàn)的一些報(bào)錯(cuò)及解決方法

更新時(shí)間：2023年03月31日 08:58:00 作者：qq_37344867

這篇文章主要給大家介紹了關(guān)于eslint常見(jiàn)的一些報(bào)錯(cuò)及解決方法,解決eslint的報(bào)錯(cuò)問(wèn)題可以要根據(jù)報(bào)錯(cuò)行數(shù)快速定位.文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下

問(wèn)題1：Component name “index” should always be multi-word
問(wèn)題2：Newline required at end of file but not found
問(wèn)題3：Strings must use singlequote
問(wèn)題4：Expected indentation of 2 spaces but found 4
問(wèn)題5：Expected a line break after this opening brace
問(wèn)題6：Trailing spaces not allowed
問(wèn)題7：Missing space before function parentheses
總結(jié)

問(wèn)題1：Component name “index” should always be multi-word

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

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

問(wèn)題2：Newline required at end of file but not found

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

問(wèn)題3：Strings must use singlequote

解決：

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

注：該配置項(xiàng)是一個(gè)json文件格式

{
  "singleQuote": true
}

問(wèn)題4：Expected indentation of 2 spaces but found 4

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

問(wèn)題5：Expected a line break after this opening brace

解決：大括號(hào)后換行

改為

問(wèn)題6：Trailing spaces not allowed

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

問(wèn)題7：Missing space before function parentheses

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

總結(jié)

到此這篇關(guān)于eslint常見(jiàn)的一些報(bào)錯(cuò)及解決方法的文章就介紹到這了,更多相關(guān)eslint常見(jiàn)報(bào)錯(cuò)及解決內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: