eslint常見的一些報(bào)錯(cuò)及解決方法
問題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', // 忽略個(gè)別組件命名規(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
解決:
- 手動(dòng)將雙引號改成單引號
- 為了避免格式化代碼后又將單引號改回雙引號,需要修改格式化文件的配置。即在項(xiàng)目根目錄中創(chuàng)建.prettierrc(格式化文件配置項(xiàng)),并添加
"singleQuote": true
,啟用單引號
注:該配置項(xiàng)是一個(gè)json文件格式
{ "singleQuote": true }
問題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
問題5:Expected a line break after this opening brace
解決:大括號后換行
改為
問題6:Trailing spaces not allowed
解決:存在多余空格,刪除多余的空格
問題7:Missing space before function parentheses
解決:方法名和括號之間需要一個(gè)空格,可添加空格,但由于習(xí)慣寫法方法名和括號間不加空格,因此可在.eslintrc.js文件中的rules中添加'space-before-function-paren': 0
,將方法名和括號間空格設(shè)為0
總結(jié)
到此這篇關(guān)于eslint常見的一些報(bào)錯(cuò)及解決方法的文章就介紹到這了,更多相關(guān)eslint常見報(bào)錯(cuò)及解決內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- vue關(guān)于eslint空格縮進(jìn)等的報(bào)錯(cuò)問題及解決
- vue項(xiàng)目中Eslint校驗(yàn)代碼報(bào)錯(cuò)的解決方案
- vue?eslint報(bào)錯(cuò):Component?name?“xxxxx“?should?always?be?multi-word.eslintvue的4種解決方案
- unplugin-auto-import的配置以及eslint報(bào)錯(cuò)解決詳解
- vue-cli創(chuàng)建項(xiàng)目時(shí)由esLint校驗(yàn)導(dǎo)致報(bào)錯(cuò)或警告的問題及解決
- vue項(xiàng)目下,如何用命令直接修復(fù)ESLint報(bào)錯(cuò)
- vue?cli2?和?cli3去掉eslint檢查器報(bào)錯(cuò)的解決
- vue?eslint報(bào)錯(cuò)error?"Component?name?"*****"?should?always?be?multi-word"解決
相關(guān)文章
vue?實(shí)現(xiàn)左滑圖片驗(yàn)證功能
網(wǎng)頁中滑動(dòng)圖片驗(yàn)證一直是各大網(wǎng)站、移動(dòng)端的主流校驗(yàn)方式,其主要作用是為了區(qū)分人和機(jī)器以及為了防止機(jī)器人程序暴力登錄或攻擊從而設(shè)置的一種安全保護(hù)方式,這篇文章主要介紹了vue?實(shí)現(xiàn)左滑圖片驗(yàn)證,需要的朋友可以參考下2023-04-04vue-cli-service serve報(bào)錯(cuò)error:0308010C:digital enve
這篇文章主要介紹了vue-cli-service serve報(bào)錯(cuò)error:0308010C:digital envelope routines::unsupported的解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06詳解vue過度效果與動(dòng)畫transition使用示例
Vue 在插入、更新或者移除 DOM 時(shí),提供多種不同方式的應(yīng)用過渡效果,Vue 提供了內(nèi)置的過渡封裝組件transition,該組件用于包裹要實(shí)現(xiàn)過渡效果的組件2021-10-10Vue Element-UI中el-table實(shí)現(xiàn)單選的示例代碼
在element-ui中是為我們準(zhǔn)備好了可直接使用的單選與多選屬性的,本文主要介紹了Vue Element-UI中el-table實(shí)現(xiàn)單選的示例代碼,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12基于vue3.0.1beta搭建仿京東的電商H5項(xiàng)目
這篇文章主要介紹了基于vue3.0.1beta搭建仿京東的電商H5項(xiàng)目,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05