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

 报错信息:

1.  
   ERROR in ./src/index.js
2.  
   Module build failed (from ./node_modules/happypack/loader.js):
3.  
   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")
4.  
   at getPlugin (D:\WebFiles\CloudHIS-GZ\node_modules\@babel\preset-env\lib\index.js:67:11)
5.  
   at D:\WebFiles\CloudHIS-GZ\node_modules\@babel\preset-env\lib\index.js:258:62
6.  
   at Array.map (<anonymous>)
7.  
   at D:\WebFiles\CloudHIS-GZ\node_modules\@babel\preset-env\lib\index.js:258:43
8.  
   at D:\WebFiles\CloudHIS-GZ\node_modules\@babel\helper-plugin-utils\lib\index.js:22:12
9.  
   at async (D:\WebFiles\CloudHIS-GZ\node_modules\@babel\core\lib\gensync-utils\async.js:38:33)
10.  
    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 发现终端无限循环如下提示：

1.  
   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
2.  
   ["@babel/plugin-proposal-private-property-in-object", { "loose": true }]
3.  
   to the "plugins" section of your Babel config.
4.  
   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.
5.  
   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
6.  
   ["@babel/plugin-proposal-private-methods", { "loose": true }]
7.  
   to the "plugins" section of your Babel config.

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

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

 运行 npm run dev 成功

这篇好文章是转载于：学新通技术网