Error:Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section...

问题场景描述:

1、 即使安装了"@babel/plugin-proposal-class-properties": "^7.8.3"
2、在.babelrc中配置了

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

仍会有报错

解决办法

参考https://github.com/babel/babel/issues/8577

即使在yarn添加@ babel / plugin-proposal-class-properties -D并添加@ babel / plugin-proposal-class之后,导致此问题在我们的monorepo中不起作用的原因,在于没有在webpack.config.js中明确说明插件。

.babelrc webpack babel中的插件下的-properties仍未获取该插件的存在。只有在webpack.config.js中明确说明了插件之后,才构建项目(即使在rm -rf node_modules之后,yarn)。

在webpack.config.js中标明(注意exclude结合自己项目来):

      {
        test: /\.(mjs|js|jsx)$/,
        exclude: /node_modules\/(?!@ok\/)/,
        loader: 'babel-loader',


        options: {
          presets: [
            '@babel/preset-env',
            {
              plugins: [
                '@babel/plugin-proposal-class-properties'
              ]
            }
          ]
        }
      }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。