errors potentially fixable with the `--fix` option報錯的解決

errors potentially fixable with the `--fix` option.

新建的vue項目運行時就報錯

在用vue-cli3搭建的項目開始進行開發時候,在項目搭建完成之後,每次啓動服務時都會彈出編譯錯誤,我就是簡單的新建一個index.vue,寫了幾個標籤,發現初次npm run serve不會報錯,在瀏覽器上訪問可以顯示正常的內容,但只要每次修改保存之後就會報錯,根據提示去查看代碼,怎麼也沒看出問題出現在哪裏。雖然報錯了,但是服務還是正常啓動了。

根據系統提示找到錯誤“12 errors found,12 errors potentially fixable with the --fix option“,查了下是Eslint拋出的錯誤提示,之前我們在vue實戰開發003:詳解vue-cli 3.0項目搭建的時候選擇的是standard(正常模式)所以每次啓動項目的之後都會對代碼進行檢查,是否符合Eslint規範。

而 Eslint語法規範相當的嚴格,就是空格位數不對都會報錯,所以相當的麻煩。打開.editorconfig配置文件我們可以看到Eslint的縮進是2,而我的編輯器默認的縮進是4(代碼格式化與 Eslint 的代碼規範不一致)。我們將自己的代碼中的縮進改過來,改成Eslint語法的縮進方案,用快捷鍵shift+alt+f重新格式化下代碼,然後重新啓動服務,系統還是會報錯。

我直接說一下我的解決方案吧:直接關閉Eslint語法規範
如何操作?在.eslintrc.js文件中找到’@vue/standard’配置將其刪除或註釋。

這裏還有一個更好的解決方案:就是給你的編輯器裏裝一個eslint 插件。
在這裏插入圖片描述

發佈了158 篇原創文章 · 獲贊 151 · 訪問量 27萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章