eslint常見的一些報(bào)錯及解決方法
問題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
解決:
- 手動將雙引號改成單引號
- 為了避免格式化代碼后又將單引號改回雙引號,需要修改格式化文件的配置。即在項(xiàng)目根目錄中創(chuàng)建.prettierrc(格式化文件配置項(xiàng)),并添加
"singleQuote": true,啟用單引號
注:該配置項(xiàng)是一個json文件格式
{
"singleQuote": true
}問題4:Expected indentation of 2 spaces but found 4
解決:因?yàn)閑slint要求2個縮進(jìn),而通常一個tab是4個縮進(jìn),改為2個縮進(jìn)即可,或者在.eslintrc.js文件中的rules中關(guān)閉縮進(jìn)校驗(yà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

總結(jié)
到此這篇關(guān)于eslint常見的一些報(bào)錯及解決方法的文章就介紹到這了,更多相關(guān)eslint常見報(bào)錯及解決內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- vue關(guān)于eslint空格縮進(jìn)等的報(bào)錯問題及解決
- vue項(xiàng)目中Eslint校驗(yàn)代碼報(bào)錯的解決方案
- vue?eslint報(bào)錯:Component?name?“xxxxx“?should?always?be?multi-word.eslintvue的4種解決方案
- unplugin-auto-import的配置以及eslint報(bào)錯解決詳解
- vue-cli創(chuàng)建項(xiàng)目時由esLint校驗(yàn)導(dǎo)致報(bào)錯或警告的問題及解決
- vue項(xiàng)目下,如何用命令直接修復(fù)ESLint報(bào)錯
- vue?cli2?和?cli3去掉eslint檢查器報(bào)錯的解決
- vue?eslint報(bào)錯error?"Component?name?"*****"?should?always?be?multi-word"解決
相關(guān)文章
vue?實(shí)現(xiàn)左滑圖片驗(yàn)證功能
網(wǎng)頁中滑動圖片驗(yàn)證一直是各大網(wǎng)站、移動端的主流校驗(yàn)方式,其主要作用是為了區(qū)分人和機(jī)器以及為了防止機(jī)器人程序暴力登錄或攻擊從而設(shè)置的一種安全保護(hù)方式,這篇文章主要介紹了vue?實(shí)現(xiàn)左滑圖片驗(yàn)證,需要的朋友可以參考下2023-04-04
vue-cli-service serve報(bào)錯error:0308010C:digital enve
這篇文章主要介紹了vue-cli-service serve報(bào)錯error:0308010C:digital envelope routines::unsupported的解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06
Vue Element-UI中el-table實(shí)現(xiàn)單選的示例代碼
在element-ui中是為我們準(zhǔn)備好了可直接使用的單選與多選屬性的,本文主要介紹了Vue Element-UI中el-table實(shí)現(xiàn)單選的示例代碼,具有一定的參考價值,感興趣的可以了解一下2023-12-12
基于vue3.0.1beta搭建仿京東的電商H5項(xiàng)目
這篇文章主要介紹了基于vue3.0.1beta搭建仿京東的電商H5項(xiàng)目,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05

