Javascript &引用；“新产品管理启动”；抛出错误：插件/预设文件不允许导出对象，只能导出函数

我是reactJS新手。我遵循了一个教程中给出的步骤。当我键入“npm start”时，我得到以下错误：

ERROR in ./main.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to export objects, only functions. In C:\Users\user\Desktop\reactApp\node_modules\babel-preset-es2015\lib\index.js
    at createDescriptor (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:178:11)
    at items.map (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:109:50)
    at Array.map (native)
    at createDescriptors (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:109:29)
    at createPresetDescriptors (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:101:10)
    at passPerPreset (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:58:96)
    at cachedFunction (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\caching.js:33:19)
    at presets.presets (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:29:84)
    at mergeChainOpts (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\config-chain.js:315:26)
    at C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\config-chain.js:278:7
    at buildRootChain (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\config-chain.js:68:29)
    at loadPrivatePartialConfig (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\partial.js:57:55)
    at Object.loadPartialConfig (C:\Users\user\Desktop\reactApp\node_modules\@babel\core\lib\config\partial.js:82:18)
    at Object.<anonymous> (C:\Users\user\Desktop\reactApp\node_modules\babel-loader\lib\index.js:82:26)
    at next (native)
    at step (C:\Users\user\Desktop\reactApp\node_modules\babel-loader\lib\index.js:3:221)
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./main.js main[1]

webpack.config.js

var config = {
  entry: "./main.js",
  output: { path: "/", filename: "index.js" },
  devServer: { inline: true, port: 8080 },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: "babel-loader",
        query: { presets: ["es2015", "react"] }
      }
    ]
  }
};
module.exports = config;

由于它的巴别塔7，它必须被命名为，

@babel

---

由于是babel 7，它必须有名称空间，

@babel

..

请显示您的软件包。json{“名称”：“npm”，“版本”：“1.0.0”，“描述”：“主”：“index.js”，“脚本”：“{“开始”：“webpack dev server”}，“作者”：“许可证”：“ISC”，“依赖项”：“{“react”：“^16.4.2”，“react dom”：“^16.4.2”，“webpack”：“^4.17.1”，“webpack dev server”：“^3.1.6”；“devdependences”：“{@babel/core”：“^7.0.0”；“@babel/preset env”：“^7.0.0”；“@babel/preset react”：“^7.0.0”，“babel core”：“^6.26.3”，“babel loader”：“^8.0.0”}请使用webpack.config.js filevar config={entry:'./main.js'，output:{path:'/'，filename:'index.js'，}，devServer:{inline:true，port:8080}，module:{rules:[{test:/\.jsx？$/，exclude:/node_modules/，loader:'babel loader'，query:{presets:['es2015'，'react']}}]}}}module.exports=config；下面是配置文件请显示您的包。json{“name”：“npm”，“version”：“1.0.0”，“description”：，“main”：“index.js”，“scripts”：{“start”：“webpack dev server”}，“author”：“license”：“ISC”，“dependencies”：{“react”：“^16.4.2”，“react dom”：“^16.4.2”，“webpack”：“^4.17.1”，“webpack dev server”：“^3.1.6”；“devDependencies”：“{@babel/core”：“^7.0.0”，“@babel/preset env”：“^7.0.0.0”，“@babel/preset react”：“^7.0.0”，“babel core”：“^6.26.3”，“babel loader”：“^8.0.0”，“gulp babel”：“^8.0.0”}请使用webpack.config.js filevar config={entry:'./main.js”更新您的问题，输出：{path:'/'，filename:'index.js，}，devServer:{inline:true，port:8080}，模块：{rules:[{test://\.jsx？$/，exclude:/node_modules/，loader:'babel loader'，query:{presets:['es2015'，react']}}}}}}module.exports=config；下面是配置文件Now我正在得到的“编译时带有警告”。“那些警告是什么？不确定..越来越“配置中的警告尚未设置'mode'选项，此值的webpack将回退到'production'。将'mode'选项设置为'development'或'production'以启用每个环境的默认值。您也可以将其设置为'none'以禁用任何默认行为。了解更多信息：i｢wdm｣：使用警告编译。只需按照错误所说的做，将模式：“生产”或“开发”添加到您的网页配置中，这是直截了当的…您好，我安装了“npm install react router dom”，现在我再次收到错误。现在我收到了“编译警告”。这些警告是什么？不确定..收到了吗“配置中的警告尚未设置'mode'选项，此值的webpack将回退到'production'。将'mode'选项设置为'development'或'production'以启用每个环境的默认值。您也可以将其设置为'none'以禁用任何默认行为。了解更多信息：i｢wdm｣：使用警告编译。按照错误所说的去做，将模式：“生产”或“开发”添加到你的网页配置中，这是直截了当的…嗨，我安装了“npm安装反应路由器dom”，现在我又收到了错误。

var config = {
  entry: "./main.js",
  output: { path: "/", filename: "index.js" },
  devServer: { inline: true, port: 8080 },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: "babel-loader",
        query: { presets: ["es2015", "react"] }
      }
    ]
  }
};
module.exports = config;

var config = {
  entry: "./main.js",
  output: { path: "/", filename: "index.js" },
  devServer: { inline: true, port: 8080 },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: "babel-loader",
        query: { presets: ["@babel/preset-env", "@babel/preset-react"] }
      }
    ]
  }
};
module.exports = config;