javascript - Webpack 在包输出中导致语法错误

Question

我一直在为一个我认为是由 Webpack 引起的问题而苦苦挣扎。 .

本质上，我有一个基于 Node 的应用程序，我将其与 Webpack 捆绑在一起以服务于客户端(它是一个基于 ReactJS 的应用程序)。我安装 Tabletop 时出现问题NPM 包并要求它。

当尝试在浏览器中加载 Webpack 创建的 bundle.js 时，出现语法错误:

未捕获的语法错误:意外的标识符

它提示 bundle.js 中的这一行:


target[capName] = __webpack_require__(387)(""路径 + '/' + 名称);


经过一些挖掘，我发现这条线源自 Hoek 中的一行库(它是 Tabletop 的子依赖项):


目标 [capName] = 要求(路径 + '/' + 名称)；


显然，Webpack 在这里做了一些时髦的事情。

虽然我无法找出原因。桌面包括 an example NodeJS 的使用，我能够 Webpack 并运行得很好。

我还克隆了 Hoek 和 Webpacke，但没有看到任何像上面那样的非法转换。

所以现在，我不确定这是 Webpack、Hoek 还是 Tabletop 的问题，这就是我将其发布在这里的原因。

我在此处或 GH 上未发现任何相关问题。

感谢所有帮助!

Answer 1

我在添加时使用了 superagent 并取得了一些成功

plugins.push(new webpack.DefinePlugin({ "global.GENTLY": false }));和 Node :{__dirname:true}

webpack 的配置修复了 superagent 以便与 webpack 一起使用。

在使用request库时，在webpack的config中添加如下内容:

node: {
  "net": "empty"
}

修复 Uncaught Error :找不到模块“net”。

但是，我现在遇到了依赖 request 的 mime 库的问题:错误:ENOENT，没有这样的文件或目录 '/types/mime.types'

Aksel，你有没有用 webpack 成功修复 request？