Reactjs 弹出create react应用程序后无法使用spread操作符

我使用CreateReact应用程序创建react应用程序

运行eject后，我无法按如下方式使用spread操作符：

//eslint-disable-next-line 
const { children, ...attributes } = this.props; //Line 19

当我运行纱线开始时，它总是给我这个错误

第19行：分析错误：意外令牌

网页包开发服务器 我已经尝试将所有预设和转换插件添加到webpack dev server config和.babelrc中，但没有成功

// Process JS with Babel.
          {
            test: /\.(js|jsx|mjs)$/,
            include: paths.appSrc,
            loader: require.resolve('babel-loader'),    


            options: {
              presets:['react','es2015','env',"stage-2"],
              plugins: ["transform-object-rest-spread"],
              // This is a feature of `babel-loader` for webpack (not Babel itself).
              // It enables caching results in ./node_modules/.cache/babel-loader/
              // directory for faster rebuilds.
              cacheDirectory: true,
            },
          },
          // "postcss" loader app

在babel rc文件中也是如此 //B.法律改革委员会

{
    "presets":["env","react","stage-2"],
    "plugins": [
      ["transform-object-rest-spread", { "useBuiltIns": true }]
    ]
  }

---

如果我不弹出脚本，它可以正常工作

所以问题原来是埃斯林。 Webpack配置在babel之前加载

添加解析器选项修复了这个问题

{
        test: /\.(js|jsx|mjs)$/,
        enforce: 'pre',
        use: [
          {
            options: {
              formatter: eslintFormatter,
              eslintPath: require.resolve('eslint'),
              "extends": "airbnb",
              "parserOptions":{
                "ecmaFeatures": {
                  "experimentalObjectRestSpread": true
                }
              }

            },
            loader: require.resolve('eslint-loader'),
          },
        ],
        include: paths.appSrc,
      },

---

用以下内容更新了@babel：

---

npm安装@babel/runtime@latestdid工作

与您的问题没有直接关系，但可能会为您指明需要的方向。所以问题最终是埃斯林。Webpack是在babel之前加载的，虽然babel对传播没有问题，但eslint有。