捆绑的脚本无法在浏览器中加载

Question

Webpack编译成功，但无法在浏览器中加载。 在检查Web控制台时，我发现_webpack_require_中无法访问某些模块。 当我在相关模块中将es6 import语法更改为require时，在Web控制台中抛出的错误消失了 。 我不打算进入每个文件并更改我的import语法为require 。 我在webpack.config.js中将.babelrc与babel-loader一起配置。

真的很困惑下一步该怎么做，因为这是我第一次使用webpack

我的webpack.config.js

 ***test: /\.(js|jsx)$/,
 include: [
   path.join(__dirname, 'client'),
   path.join(__dirname, './template')
 ],
 loader: 'babel-loader',
 exclude: /node_modules/,
 query: { cacheDirectory: true } ***

.babelrc文件

{
  "presets": [
    "es2015",
    "react",
    "latest",
    "stage-2"
  ],
  "plugins": [
    "react-hot-loader/babel"
  ]
}

flashMessage.js：13未捕获的TypeError：无法读取对象处eval（flashMessage.js：13）处未定义的属性'ADD_FLASH_MESSAGE'。 （bundle.js：1406）在webpack_require （bundle.js：679）在fn（bundle.js：89）在eval（index.js：9）在Object。 （bundle.js：1399）在webpack_require （bundle.js：679）在fn（bundle.js：89）在评估（index.js：9）

Answer 1

我要在webpack中像这样配置babel-loader ：

        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            cacheDirectory: true,
            presets: ['react'],
          },
        },

Answer 2

在完全更改了webpack.config之后，错误仍然存​​在，我发现我没有返回用于镜像操作数组的Array.reduce方法，因此，只要文件路径正确，但webpack对其进行了编译，但它未能函数返回void导致加载。 在此处找到repo link - 只是缺少一个return关键字