有图,react在类里用箭头函数定义后,编译报错,是babel配置问题吗?

Question

如下3张图,当npm run dev时,就会报语法错误,是babel配置的问题吗?
主要是想定义函数时,不想用bind,所以换成箭头函数的方式,但总是报错.

Answer 1

package.json
"@babel/plugin-proposal-class-properties": "^7.0.0",

webapck

"plugins": ['@babel/plugin-proposal-class-properties']

Answer 2

找到解决办法了,刚才去浏览器的console里,看到一段

syntax 'classProperties' isn't currently enabled

于是搜索了一下,安装

npm i -D @babel/plugin-proposal-class-properties

然后webpack里,在babel-load下配置

options: {
        plugins: ['@babel/plugin-proposal-class-properties']
         }

来源
https://www.cnblogs.com/52tec...