Webpack4 React Packaging Error

Because the scaffolding was used to create the project, the first time to learn to create Webpack packaging. Loader I was copying someone else's.

Module: {    loaders: [      {        test:/\.js?$/,        exclude:/(Node_modules)/,        loader: ' Babel-loader ',        Query: {          presets: [' react ', ' es2015 '}        }    ]  },

The results were packed with an error.

ERROR in./js/index.js
Module build Failed:error:plugin/preset files is not allowed to export objects, only functions. In I:\desk\File manager\demo\react\my-app\node_modules\babel-preset-react\lib\index.js
At CreateDescriptor (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\ CONFIG-DESCRIPTORS.JS:179:11)
At I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\config-descriptors.js:104:12
At Array.map (<anonymous>)
At Createdescriptors (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\ CONFIG-DESCRIPTORS.JS:103:27)
At Createpresetdescriptors (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\ CONFIG-DESCRIPTORS.JS:95:10)
At I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\config-descriptors.js:81:14
At Cachedfunction (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\caching.js:40:17)
At presets (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\config-descriptors.js : 26:68)
At Mergechainopts (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\config-chain.js : 298:68)
At I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\config-chain.js:251:7
At Buildrootchain (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\config-chain.js : 64:27)
At Loadprivatepartialconfig (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\ PARTIAL.JS:41:53)
At Loadfullconfig (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\config\full.js:33:37)
At Transformsync (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\transform-sync.js:13:36)
At Object.transform (I:\desk\File manager\demo\react\my-app\node_modules\ @babel \core\lib\transform.js:20:65)
At Transpile (I:\desk\File manager\demo\react\my-app\node_modules\babel-loader\lib\index.js:55:20)
At Object.module.exports (I:\desk\File manager\demo\react\my-app\node_modules\babel-loader\lib\index.js:179:20)

Went to the official web site to see the discovery official online presets inside are @babel/xxx, followed by a try it sure so

NPM Install @babel/preset-react--save-dev

NPM Install @babel/preset-react--save-es2015

  Module: {    rules: [      {        test:/\.js$/,        exclude:/(node_modules|bower_components)/, use        : {          Loader: ' Babel-loader ',          options: {            presets: [' @babel/preset-react ', ' @babel/preset-es2015 '          }}      }    ]  }

　　

Webpack4 React Packaging Error