我正在用Node.js, Express.js和Jade组合写一个应用程序。
我有client.js文件，它被加载在客户端上。在这个文件中，我有调用其他JavaScript文件的函数的代码。我的尝试是利用
var m = require('./messages');
以便加载messages.js的内容(就像我在服务器端所做的那样)，然后从该文件中调用函数。但是，require没有在客户端定义，并且它抛出一个Uncaught ReferenceError形式的错误:require没有定义。
这些其他JavaScript文件也在运行时在客户机上加载，因为我将链接放在网页的头部。客户端知道从其他文件导出的所有函数。
如何从打开到服务器的套接字的主客户端.js文件中的这些其他JavaScript文件(如messages.js)调用这些函数?
当前回答
这是因为require()在浏览器/客户端JavaScript中不存在。
现在，您必须对客户端JavaScript脚本管理做出一些选择。
你有三个选择:
使用<script>标记。 使用CommonJS实现。它有像Node.js一样的同步依赖 使用异步模块定义(AMD)实现。
CommonJS客户端实现包括(其中大多数在部署之前需要一个构建步骤):
Browserify -你可以在浏览器中使用大多数Node.js模块。这是我个人的最爱。 Webpack -做所有事情(捆绑JavaScript代码，CSS等)。它是由于React的激增而流行起来的，但它因其困难的学习曲线而臭名昭著。 一个新的竞争者。它利用ES6模块，包括摇树功能(删除未使用的代码)。
你可以阅读更多关于Browserify和(已弃用)Component的比较。
AMD实现包括:
RequireJS——在客户端JavaScript开发人员中非常流行。这不是我的口味，因为它的异步性质。
注意，在你选择去哪一个的时候，你会读到鲍尔的故事。Bower只适用于包的依赖关系，不适用于CommonJS和AMD等模块定义。
其他回答
window = new BrowserWindow({
webPreferences: {
nodeIntegration: true,
contextIsolation: false
}
});
我确认。我们必须补充:
webPreferences: {
nodeIntegration: true
}
例如:
mainWindow = new BrowserWindow({webPreferences: {
nodeIntegration: true
}});
对我来说，问题已经解决了。
在我的例子中，我使用了另一种解决方案。
由于项目不需要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();
我来自一个电子环境，在那里我需要渲染进程和主进程之间的IPC通信。渲染器进程位于脚本标记之间的HTML文件中，并生成相同的错误。
这条线
const {ipcRenderer} = require('electron')
没有定义require，抛出未捕获的ReferenceError
当浏览器窗口(嵌入HTML文件的地方)最初在主进程中创建时，我能够通过将Node.js集成指定为true来解决这个问题。
function createAddItemWindow() {
// Create a new window
addItemWindown = new BrowserWindow({
width: 300,
height: 200,
title: 'Add Item',
// The lines below solved the issue
webPreferences: {
nodeIntegration: true,
contextIsolation: false
}
})}
这为我解决了问题。这里提出了解决方案。
人们在问什么是脚本标记方法。下面就是:
<script src='./local.js'></script>.
或来自网络:
<script src='https://mycdn.com/myscript.js'></script>
你需要为你的脚本插入正确的url。
