Reactjs 在react项目中更新babel和网页包版本时出错

我正在为一个使用巴别塔版本5、网页包版本1和ava版本0.14.0的人工作

在我运行

npm运行构建示例时执行了一些更新之后，我得到：

模块构建失败（来自./node_modules/babel loader/lib/index.js）：
错误：找到多个配置文件。请删除一个：


package.json
pathto\react-stars.babelrc


更新后，现在我使用的是巴贝尔7.10版、网页包4.43版和ava 3.10.1版。下面是更新后的
package.json

{
  "name": "react-rating-stars-component",
  "version": "2.2.0",
  "description": "Simple star rating component for your React projects.",
  "main": "dist/react-stars.js",
  "repository": "https://github.com/ertanhasani/react-stars",
  "babel": {
    "presets": [
      "react",
      "es2015"
    ]
  },
  "ava": {
    "babel": {
      "presets": [
        "es2015",
        "react"
      ]
    },
    "require": [
      "babel-register"
    ]
  },
  "scripts": {
    "build": "babel src --out-dir dist",
    "dev": "babel src --out-dir dist --watch",
    "build-example": "webpack -p --config webpack.production.config.js",
    "dev-example": "webpack-dev-server . --hot --inline"
  },
  "keywords": [
    "star",
    "rating",
    "react",
    "stars",
    "rating",
    "component",
    "raty",
    "rate",
    "reactjs",
    "ratings"
  ],
  "author": "Ertan Hasani",
  "license": "ISC",
  "devDependencies": {
    "ava": "^3.10.1",
    "@babel/cli": "^7.10.4",
    "babel-loader": "^8.1.0",
    "@babel/core": "^7.10.4",
    "@babel/plugin-transform-object-assign": "^7.10.4",
    "@babel/preset-env": "^7.10.4",
    "@babel/preset-react": "^7.10.4",
    "prop-types": "^15.7.2",
    "react": "^16.13.1",
    "react-addons-test-utils": "^15.6.2",
    "react-dom": "^16.13.1",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"
  },
  "dependencies": {}
}


以下是更新后的
webpack.production.config.js
：

'use strict';

var webpack = require('webpack')

module.exports = {

  entry: ['./example/index.js'],

  output: {
    filename: './example/bundle.js',
    pathinfo: true
  },

  module: {
    rules: [{
      loader: 'babel-loader',
      test: /\.js$/,
      exclude: /node_modules/,
      query: {
        cacheDirectory: true,
        presets: ['@babel/react', '@babel/preset-env']
      }
    }]
  },

  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        'NODE_ENV': JSON.stringify('production')
      }
    })
  ],

  optimization: {
    minimize: false
  }
};


'use strict';

module.exports = {

  entry: ['./example/index.js'],

  debug: true,

  devtool: 'inline-source-map',

  output: {
    filename: './example/bundle.js',
    pathinfo: true
  },

  module: {
    loaders: [{
      loader: 'babel-loader',
      test: /\.js$/,
      exclude: /node_modules/,
      query: {
        cacheDirectory: true,
        presets: ['@babel/react', '@babel/preset-env']
      }
    }]
  }

};


我的更新
webpack.config.js
：

'use strict';

var webpack = require('webpack')

module.exports = {

  entry: ['./example/index.js'],

  output: {
    filename: './example/bundle.js',
    pathinfo: true
  },

  module: {
    rules: [{
      loader: 'babel-loader',
      test: /\.js$/,
      exclude: /node_modules/,
      query: {
        cacheDirectory: true,
        presets: ['@babel/react', '@babel/preset-env']
      }
    }]
  },

  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        'NODE_ENV': JSON.stringify('production')
      }
    })
  ],

  optimization: {
    minimize: false
  }
};


'use strict';

module.exports = {

  entry: ['./example/index.js'],

  debug: true,

  devtool: 'inline-source-map',

  output: {
    filename: './example/bundle.js',
    pathinfo: true
  },

  module: {
    loaders: [{
      loader: 'babel-loader',
      test: /\.js$/,
      exclude: /node_modules/,
      query: {
        cacheDirectory: true,
        presets: ['@babel/react', '@babel/preset-env']
      }
    }]
  }

};

我还更新了`.babelrc。文件：


我更新的
.babelrc
文件：

{
  "presets": ["@babel/preset-env", "@babel/react"],
  "plugins": [
    "@babel/plugin-transform-object-assign"
  ]
}

您似乎有错误消息中提到的多个配置，我建议从
package.json
文件中删除以下配置行，并从项目根目录中的
.babelrc
文件中专门操作您的babel配置

  "babel": {
    "presets": [
      "react",
      "es2015"
    ]
  }