节点上的客户端：未捕获ReferenceError：未定义require

JinJin小宇宙2020-03-19

因此，我正在使用node / express + jade组合编写应用程序。

我有client.js，已在客户端上加载。在该文件中，我有调用其他JavaScript文件中的函数的代码。我的尝试是使用

var m = require('./messages');

为了加载内容messages.js（就像我在服务器端一样），然后再加载该文件的调用函数。但是，require未在客户端定义，并且抛出形式的错误Uncaught ReferenceError: require is not defined。

这些其他JS文件也在客户端的运行时加载，因为我将链接放置在网页的标题处。因此，客户端知道从这些其他文件导出的所有功能。

如何从打开服务器套接字messages.js的主client.js文件中的其他JS文件（如）调用这些函数？

Pro阳光2020/03/19 09:38:02

就我而言，我使用了另一种解决方案。

由于项目不需要CommonJs，并且必须具有ES3兼容性（不支持模块），因此您所需要做的就是从代码中删除所有export和import语句，因为tsconfig不包含

"module": "commonjs"

但是在引用的文件中使用导入和导出语句

import { Utils } from "./utils"
export interface Actions {}

最终生成的代码将始终具有（至少对于 TypeScript3.0而言）这样的行

"use strict";
exports.__esModule = true;
var utils_1 = require("./utils");
....
utils_1.Utils.doSomething();

老丝米亚2020/03/19 09:38:02

这是因为require()浏览器/客户端JavaScript中不存在。

现在，您将不得不对客户端JavaScript脚本管理做出一些选择。

您有三种选择：

CommonJS客户端实现包括：

（其中大多数需要在部署之前进行构建）

您可以阅读有关我的Browserify与（不推荐使用）Component比较的更多信息。

AMD的实现包括：

请注意，在搜索选择与之搭配的产品时，您会了解到Bower。Bower仅用于程序包依赖关系，并且在CommonJS和AMD等模块定义上不受质疑。

希望这会有所帮助。

Newest Answer