如何解決vue的語(yǔ)法規(guī)則檢測(cè)報(bào)錯(cuò)的問(wèn)題

翻譯一下，意思是：預(yù)期縮進(jìn)4個(gè)空格，但找到1個(gè)選項(xiàng)卡。意思是vue在檢測(cè)寫(xiě)法規(guī)則的時(shí)候，只認(rèn)空格，不認(rèn)tab的縮進(jìn)，這時(shí)你就要修改的頁(yè)面內(nèi)容，把tab換成空格，這樣就比較麻煩，然鵝各種查找原因，找到了解決方案，如下：

一，找到目錄build下的webpack.base.conf.js文件，把其中的rules里的這一段注銷(xiāo)掉：

保存，然后重新npm run dev 一下：

報(bào)錯(cuò)雖然不見(jiàn)了，但是這樣做的弊端是，強(qiáng)行停止一切檢錯(cuò)功能，很多語(yǔ)法錯(cuò)誤檢測(cè)不出，在初期，是不建議這么做的，更加不利于代碼的可讀行以及規(guī)范性。那么就要尋找另一個(gè)辦法，只是更改一下規(guī)則里的配置。

二，這就用到了另一個(gè)配置文件：test目錄下的.eslintrc.js文件（推薦）

添加你的自定義規(guī)則，然后推薦大家熟悉一下ESLint 規(guī)則

規(guī)則

在配置文件中可以設(shè)置一些規(guī)則。

規(guī)則的錯(cuò)誤等級(jí)有三種：

1. “off” 或者 0：關(guān)閉規(guī)則?！?/p>

2. warn” 或者 1：打開(kāi)規(guī)則，并且作為一個(gè)警告（不影響exit code）。

3. “error” 或者 2：打開(kāi)規(guī)則，并且作為一個(gè)錯(cuò)誤（exit code將會(huì)是1）。

為了讓你對(duì)規(guī)則有個(gè)更好的理解，ESLint 對(duì)其進(jìn)行了分門(mén)別類(lèi)。

所有的規(guī)則默認(rèn)都是禁用的。在配置文件中，使用 “extends”: “eslint:recommended” 來(lái)啟用推薦的規(guī)則，報(bào)告一些常見(jiàn)的問(wèn)題，在下文中這些推薦的規(guī)則都帶有一個(gè)標(biāo)記。

Possible Errors對(duì)照著來(lái)自定義規(guī)則配置

以上面提到的報(bào)錯(cuò)為例，是跟空格縮進(jìn)有關(guān)，找到相關(guān)規(guī)則提示：

然后到rules里，手動(dòng)添加'no-mixed-spaces-and-tabs'，然后定義為0，關(guān)閉規(guī)則

 // 在這里添加自定義規(guī)則
 'rules': {
 // allow paren-less arrow functions
 'arrow-parens': 0,
 // allow async-await
 'generator-star-spacing': 0,
 // 禁止空格和 tab 的混合縮進(jìn)
 'no-mixed-spaces-and-tabs'：0，
 // allow debugger during development
 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
 }

好了，保存刷新，你會(huì)發(fā)現(xiàn)報(bào)錯(cuò)不再提示，這樣做的好處是，挑選需要忽略的規(guī)則

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com