报错信息:
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 成功