vscode eslint插件報(bào)錯Parsing error: Invalid ecmaVersion問題

更新時間：2023年10月20日 15:26:49 作者：HHHHy2019

這篇文章主要介紹了vscode eslint插件報(bào)錯Parsing error: Invalid ecmaVersion問題及解決方案,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

vscode eslint插件報(bào)錯Parsing error: Invalid ecmaVersion

問題描述

vscode 打開項(xiàng)目每個頁面都會首行第一個單詞帶有紅色波浪線～，顯示為Parsing error: Invalid ecmaVersion.

解決方式(網(wǎng)絡(luò))

安裝最新版eslint

npm i -g eslint

vscode中eslint語法報(bào)錯問題

我們使用vue-cli創(chuàng)建項(xiàng)目，默認(rèn)會啟用eslint語法檢驗(yàn)，雖然是個好東西，可以讓我們的代碼格式非常的規(guī)范，但是他過于嚴(yán)格的語法規(guī)范，比如不能加分號，使用單引號，代碼結(jié)尾還有有一個空行等等過于嚴(yán)格的要求，讓代碼經(jīng)常報(bào)錯，與修改一個空格，一個分號的事就大大降低了開發(fā)效率，所以需要解除一些工具幫我們自動按照esllint進(jìn)行代碼自動規(guī)范化。

解決

我是使用了三個插件來實(shí)現(xiàn)保存自動進(jìn)行代碼規(guī)范化的功能，非常的方便。

步驟：

1）首先確保自己的vscode中安裝了eslint、vetur、prettier這三個插件

2）在配置文件（setting.json）中進(jìn)行配置

按ctrl+shift+p打開搜索setting，打開配置文件

在配置文件中添加如下配置

// 在保存的時候進(jìn)行格式化
  "editor.formatOnSave": true,

3）在項(xiàng)目根目錄下新建.prettierrc配置文件，對prettier進(jìn)行設(shè)置，配置如下：

因?yàn)閜rettier有個很惡心的功能，就是會將所有的單引號變?yōu)殡p引號，所有語句加上分號，這個明顯不符合eslint的語法，所以需要我們進(jìn)行配置

{
	//使用單引號
  "singleQuote": true,
  //不添加分號
  "semi": false
}

4）然而這樣配置完還是會報(bào)錯，eslint要求我們在function和（）之間加上一個空格，但是這樣并不好看，所以我們可以在.eslintrc.js文件中進(jìn)行配置，禁用該規(guī)則，配置如下：

 rules: {
    // 禁用方法（）前有一個空格
    'space-before-function-paren': 0,
    //關(guān)閉定義未使用的錯誤
   "no-unused-vars": "off"
   //關(guān)閉縮進(jìn)檢測
	'indent': 'off'
  }

大功告成了~