Webpack 清理node_modules文件夹后出现网页包babel生成错误

清除

node\u modules

文件夹并执行清理

npm build

并运行webpack后，遇到以下错误

有人能帮我理解我犯的错误吗？我是新来的网页包

下面是我的

webpack.config

var path=require（'path'）；
var webpack=require（'webpack'）；
变量配置={
devtool:“廉价模块评估源映射”，
条目：[
“Web包热中间件/客户端”，
“./app/main”
],
输出：{
path:path.join（uu dirname，'public'，'js'），
文件名：“bundle.js”，
公共路径：'/js'
},
插件：[
新建webpack.HotModuleReplacementPlugin（），
新建webpack.NoErrorsPlugin（），
新建webpack.optimize.OccurenceOrderPlugin（），
新的webpack.DefinePlugin({
'process.env.NODE_env'：JSON.stringify（process.env.NODE_env）
})
],
模块：{
装载机：[
{
测试：/\.js$/,，
排除：/node_模块/，
加载器：“巴贝尔”，
查询：{
插件：[
['react-transform'{
转换：[
{
transform:'react transform hmr'，
导入：['react']，
局部变量：['module']
}, {
transform:'react transform catch errors'，
导入：['react'，'redbox react']
}
]
}]
],
预设：['react'、'es2015'、'stage-1']
}
}
]
},
决心：{
扩展名：[''''''.js'，'.jsx'，css'，scss']
},
};在旧项目上进行干净的npm安装后，我今天遇到了类似的情况。似乎应该归咎于巴别塔插件的重新布线。在我的案例中，我找到了两种解决方案

第一个解决方案是从
babel插件回滚-rewire@1.0.0-rc-5
至
1.0.0-rc-4

我选择了另一种解决方案，它可能不适用于您的情况。在我的
.babelrc
中，我在顶层声明了
rewire
插件，所以我将其移动到
test
环境中。因此，我的my
.babelrc
从

{
  "presets": [
    "es2015",
    "react"
  ],
  "plugins": [
    "syntax-class-properties",
    "transform-class-properties",
    "syntax-object-rest-spread",
    "transform-object-rest-spread",
    "rewire"
  ],
  "env": {
    "start": {
      "presets": [
        "react-hmre"
      ]
    }
  }
}

为此：

{
  "presets": [
    "es2015",
    "react"
  ],
  "plugins": [
    "syntax-class-properties",
    "transform-class-properties",
    "syntax-object-rest-spread",
    "transform-object-rest-spread"
  ],
  "env": {
    "start": {
      "presets": [
        "react-hmre"
      ]
    },
    "test": {
      "plugins": [
        "rewire"
      ]
    }
  }
}

FWIW我的问题是React组件的不可靠声明：

export const Foo=class扩展React.Component{…}

将其更改为普通类声明修复了该问题。我可以想象你的情况与此类似。（这个问题对我来说也是由
babel plugin rewire
引起的，但我还不想将其从项目中删除。）
回滚到babel plugin rewire 1.0.0-rc-4对我有效，谢谢！