babel只負(fù)責(zé)轉(zhuǎn)義！所以并非babel沒用，這個(gè)只是編輯器語法檢測報(bào)錯(cuò)了。

我所用的webstorm，需要設(shè)置語法環(huán)境。你可以查一下你的編輯器，看下哪里可以將語法設(shè)置為ES6 or react

你大括號后面差個(gè)逗號

是我寫法上的問題，應(yīng)采用這樣的寫法，函數(shù)名后面跟=而不是：

class A {
  a = () => {}
}

此外，webpack中babel也得做配置，增加一個(gè)plugin，否則項(xiàng)目編譯階段仍然報(bào)錯(cuò)。

第一張圖應(yīng)該是 vsc 編輯器自己的檢查，在設(shè)置里面關(guān)掉就好，第二張圖貌似代碼寫錯(cuò)了吧，ES6 里面 class 往實(shí)例上面加方法語法是：

class A {
  a = () => {}
}

往構(gòu)造函數(shù)上面加靜態(tài)方法是用 static 關(guān)鍵詞，貌似不支持用冒號的寫法。

如果還有問題可以貼一下 .babelrc 的配置

首先，你要知道在class中寫箭頭函數(shù)作為屬性是react的語法。

基于此，如果你想阻止eslint的報(bào)錯(cuò)，你需要調(diào)整eslint對于react語法的檢查。

這里用到babel-eslint

只需兩步就可以了:

1. npm i babel-eslint -D / yarn add babel-eslint -D
2. 在你的.babelrc或package.json配置的babel內(nèi)加入 "parser": "babel-eslint",

希望能幫到你