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

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

這篇文章主要給大家介紹了關(guān)于eslint常見的一些報(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í)慣寫法方法名和括號(hào)間不加空格，因此可在.eslintrc.js文件中的rules中添加'space-before-function-paren': 0，將方法名和括號(hào)間空格設(shè)為0

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

vue項(xiàng)目netWork地址無(wú)法訪問(wèn)的問(wèn)題及解決
這篇文章主要介紹了vue項(xiàng)目netWork地址無(wú)法訪問(wèn)的問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-09-09
Vue中如何對(duì)ElementUI的Dialog組件封裝
這篇文章主要介紹了Vue中如何對(duì)ElementUI的Dialog組件封裝問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-03-03
Vue+Vite項(xiàng)目初建(axios+Unocss+iconify)的實(shí)現(xiàn)
一個(gè)好的項(xiàng)目開始搭建總是需要配置許多初始化配置,本文就來(lái)介紹一下Vue+Vite項(xiàng)目初建(axios+Unocss+iconify)的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下
2024-02-02
vue前端實(shí)現(xiàn)下載文件功能
這篇文章主要介紹了vue前端實(shí)現(xiàn)下載文件功能,本文給大家介紹多種方式,感興趣的朋友跟隨小編一起看看吧
2024-10-10
前端XSS攻擊場(chǎng)景詳解與Vue.js處理XSS的方法(vue-xss)
這篇文章主要給大家介紹了關(guān)于前端XSS攻擊場(chǎng)景與Vue.js使用vue-xss處理XSS的方法,介紹了實(shí)際工作中渲染數(shù)據(jù)時(shí)遇到XSS攻擊時(shí)的防范措施,以及解決方案,需要的朋友可以參考下
2024-02-02
vue實(shí)現(xiàn)重置表單信息為空的方法
今天小編就為大家分享一篇vue實(shí)現(xiàn)重置表單信息為空的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09
vue?this.$router.go(-1);返回時(shí)如何帶參數(shù)
這篇文章主要介紹了vue?this.$router.go(-1);返回時(shí)如何帶參數(shù)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-12-12
Vue cli3 庫(kù)模式搭建組件庫(kù)并發(fā)布到 npm的流程
這篇文章主要介紹了Vue cli3 庫(kù)模式搭建組件庫(kù)并發(fā)布到 npm，以下一個(gè)簡(jiǎn)單的顏色選擇器插件 vColorPicker 講述從開發(fā)到上線到npm的流程,需要的朋友可以參考下
2018-10-10
Vue-cli3中使用TS語(yǔ)法示例代碼
typescript不僅可以約束我們的編碼習(xí)慣，還能起到注釋的作用，當(dāng)我們看到一函數(shù)后我們立馬就能知道這個(gè)函數(shù)的用法，需要傳什么值，返回值是什么類型一目了然，這篇文章主要介紹了Vue-cli3中使用TS語(yǔ)法示例代碼,需要的朋友可以參考下
2023-02-02
Vue.$set 失效的坑問(wèn)題發(fā)現(xiàn)及解決方案
這篇文章主要介紹了Vue.$set 失效的坑問(wèn)題發(fā)現(xiàn)及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2021-07-07