webpack 中 Module build failed (from ./node_modules/babel-loader/lib/index.js): 的错误解决

在使用webpack打包中出现以下错误:

Module build failed (from ./node_modules/babel-loader/lib/index.js):

Error: Plugin/Preset files are not allowed to export objects, only functions.

参考了:

https://www.cnblogs.com/soyxiaobi/p/9554565.html

https://www.jianshu.com/p/7d26443001b9

在一顿操作后得出以下解决办法:

1. 原因:

   出现错误是由于babel的版本冲,有两种解决方式:

   （1). babel-loader 8.x | babel 7.x （升级版本）

   npm install -D babel-loader @babel/core @babel/preset-env webpack
   

   (2). babel-loader 7.x | babel 6.x (降级版本)

   npm install -D babel-loader@7 babel-core babel-preset-env webpack
   

2. 解决方法:
   (1).升级版本,执行命令:

   npm install -D babel-loader @babel/core @babel/preset-env @babel/preset-react webpack
   

   相关配置将会更新到最新

   "@babel/core": "^7.7.4",
   "@babel/preset-env": "^7.7.4",
   "@babel/preset-react": "^7.7.4",
   "babel-loader": "^8.0.6",
   

   babel配置修改为:

   presets: [
   “@babel/env”, “@babel/react”
   ]

   (2).降级版本，执行命令

   npm install -D babel-loader@7 babel-core babel-preset-env babel-preset-react webpack
   

   相关配置降级到6.0版本

   "babel-core": "^6.26.3",
   
   "babel-preset-env": "^1.7.0",
   
   "babel-preset-react": "^6.24.1",
   
   "babel-loader": "^7.1.5",
   

   babel配置修改为 ;

   presets: [
   “env”,“react”
   ]

具体请参考如下:

https://www.cnblogs.com/soyxiaobi/p/9554565.html

https://www.jianshu.com/p/7d26443001b9

《npm_babel-loader》