Client on Node.js: Uncaught ReferenceError: require未定义

我正在用Node.js, Express.js和Jade组合写一个应用程序。

我有client.js文件，它被加载在客户端上。在这个文件中，我有调用其他JavaScript文件的函数的代码。我的尝试是利用

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

以便加载messages.js的内容(就像我在服务器端所做的那样)，然后从该文件中调用函数。但是，require没有在客户端定义，并且它抛出一个Uncaught ReferenceError形式的错误:require没有定义。

这些其他JavaScript文件也在运行时在客户机上加载，因为我将链接放在网页的头部。客户端知道从其他文件导出的所有函数。

如何从打开到服务器的套接字的主客户端.js文件中的这些其他JavaScript文件(如messages.js)调用这些函数?

当前回答

将所有require语句替换为import语句。例子:

// Before:
const Web3 = require('web3');

// After:
import Web3 from 'web3';

这对我很管用。

其他回答

将所有require语句替换为import语句。例子:

// Before:
const Web3 = require('web3');

// After:
import Web3 from 'web3';

这对我很管用。

window = new BrowserWindow({
    webPreferences: {
        nodeIntegration: true,
        contextIsolation: false
    }
});

我试图用webpack构建节拍。在我的包裹里。我必须删除“type”:“module”部分。

在我的例子中，我使用了另一种解决方案。

由于项目不需要CommonJS，它必须具有ES3兼容性(模块不支持)，你所需要的只是从你的代码中删除所有的导出和导入语句，因为你的tsconfig不包含

"module": "commonjs"

但是在引用的文件中使用import和export语句

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

最终生成的代码总是有这样的行(至少对于TypeScript 3.0是这样)

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

ES6:在HTML中，使用属性type="module"包含主JavaScript文件(浏览器支持):

<script type="module" src="script.js"></script>

在script.js文件中，包括另一个像这样的文件:

import { hello } from './module.js';
...
// alert(hello());

在包含的文件(module.js)中，你必须导出将要导入的函数/类:

export function hello() {
    return "Hello World";
}

下面是一个工作示例。更多信息在这里。

推荐文章