我正在用Node.js, Express.js和Jade组合写一个应用程序。
我有client.js文件，它被加载在客户端上。在这个文件中，我有调用其他JavaScript文件的函数的代码。我的尝试是利用
var m = require('./messages');
以便加载messages.js的内容(就像我在服务器端所做的那样)，然后从该文件中调用函数。但是，require没有在客户端定义，并且它抛出一个Uncaught ReferenceError形式的错误:require没有定义。
这些其他JavaScript文件也在运行时在客户机上加载，因为我将链接放在网页的头部。客户端知道从其他文件导出的所有函数。
如何从打开到服务器的套接字的主客户端.js文件中的这些其他JavaScript文件(如messages.js)调用这些函数?
当前回答
在我的例子中，我使用了另一种解决方案。
由于项目不需要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();
其他回答
即使使用这个也没用。我认为最好的解决方案是Browserify:
module.exports = {
func1: function () {
console.log("I am function 1");
},
func2: function () {
console.log("I am function 2");
}
};
-getFunc1.js-
var common = require('./common');
common.func1();
在我的例子中，我使用了另一种解决方案。
由于项目不需要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();
我确认。我们必须补充:
webPreferences: {
nodeIntegration: true
}
例如:
mainWindow = new BrowserWindow({webPreferences: {
nodeIntegration: true
}});
对我来说，问题已经解决了。
这对我很有效
从RequireJS下载页面获取最新版本 它是我们将使用的RequestJS文件。 像这样把它加载到你的HTML内容中: <script data-main="your-script.js" src="require.js"></script> .js
笔记!
在your-script.js中使用require([' module -name'])， 不需要(“moudle-name”)
使用const {ipcRenderer} = require(['electron'])， not const {ipcRenderer} = require('电子')
我试图用webpack构建节拍。在我的包裹里。我必须删除“type”:“module”部分。
