eslint常見的一些報錯及解決方法
問題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
解決:在文件結尾添加換行
問題3:Strings must use singlequote
解決:
- 手動將雙引號改成單引號
- 為了避免格式化代碼后又將單引號改回雙引號,需要修改格式化文件的配置。即在項目根目錄中創(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中關閉縮進校驗"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常見的一些報錯及解決方法的文章就介紹到這了,更多相關eslint常見報錯及解決內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
- vue關于eslint空格縮進等的報錯問題及解決
- vue項目中Eslint校驗代碼報錯的解決方案
- vue?eslint報錯:Component?name?“xxxxx“?should?always?be?multi-word.eslintvue的4種解決方案
- unplugin-auto-import的配置以及eslint報錯解決詳解
- vue-cli創(chuàng)建項目時由esLint校驗導致報錯或警告的問題及解決
- vue項目下,如何用命令直接修復ESLint報錯
- vue?cli2?和?cli3去掉eslint檢查器報錯的解決
- vue?eslint報錯error?"Component?name?"*****"?should?always?be?multi-word"解決
相關文章
vue-cli-service serve報錯error:0308010C:digital enve
這篇文章主要介紹了vue-cli-service serve報錯error:0308010C:digital envelope routines::unsupported的解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-06-06Vue Element-UI中el-table實現(xiàn)單選的示例代碼
在element-ui中是為我們準備好了可直接使用的單選與多選屬性的,本文主要介紹了Vue Element-UI中el-table實現(xiàn)單選的示例代碼,具有一定的參考價值,感興趣的可以了解一下2023-12-12