babel报错ERROR in ./src/index.jsModule build failed (from ./node_modules/happypack/loader.js):

文章讲述了在项目开发中遇到的Babel编译错误,问题出在缺少transform-class-static-block插件。解决方法包括重新安装相关babel依赖并确保所有启用的private方法和属性插件的loose选项设置一致。在.babelrc文件中添加相应配置后,npmrundev命令成功执行。
摘要由CSDN通过智能技术生成

 报错信息:

ERROR in ./src/index.js
Module build failed (from ./node_modules/happypack/loader.js):
Error: [BABEL] D:\WebFiles\CloudHIS-GZ\src\index.js: Could not find plugin "transform-class-static-block". Ensure there is an entry in ./available-plugins.js for it. (While processing: "D:\\WebFiles\\CloudHIS-GZ\\node_modules\\@babel\\preset-env\\lib\\index.js")
    at getPlugin (D:\WebFiles\CloudHIS-GZ\node_modules\@babel\preset-env\lib\index.js:67:11)
    at D:\WebFiles\CloudHIS-GZ\node_modules\@babel\preset-env\lib\index.js:258:62
    at Array.map (<anonymous>)
    at D:\WebFiles\CloudHIS-GZ\node_modules\@babel\preset-env\lib\index.js:258:43
    at D:\WebFiles\CloudHIS-GZ\node_modules\@babel\helper-plugin-utils\lib\index.js:22:12
    at async (D:\WebFiles\CloudHIS-GZ\node_modules\@babel\core\lib\gensync-utils\async.js:38:33)
    at async (D:\WebFiles\CloudHIS-GZ\node_modules\gensync\index.js:186:15)

原因可能是应为babel相关依赖版本不支持。 

解决办法:

重新安装babel相关依赖

npm i babel-loader @babel/core @babel/runtime @babel/preset-env @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime -D

运行 npm run dev 发现终端无限循环如下提示:

The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-private-property-in-object (when they are enabled): you can silence this warning by explicitly adding
        ["@babel/plugin-proposal-private-property-in-object", { "loose": true }]
to the "plugins" section of your Babel config.
Though the "loose" option was set to "false" in your @babel/preset-env config, it will not be used for @babel/plugin-proposal-private-methods since the "loose" mode option was set to "true" for @babel/plugin-proposal-private-property-in-object.
The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-private-property-in-object (when they are enabled): you can silence this warning by explicitly adding
        ["@babel/plugin-proposal-private-methods", { "loose": true }]
to the "plugins" section of your Babel config.

 此时需要在.babelrc文件中,根据循环信息进行相关配置

["@babel/plugin-proposal-private-methods", { "loose": true }],
["@babel/plugin-proposal-private-property-in-object", { "loose": true }],

 运行 npm run dev 成功

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值