未捕获引用错误：未定义要求（电子）
我的电子应用程序有问题。大约9个月前我就让它工作了，但现在我定制的最小化和最大化按钮不能正常工作。
这是我的文件结构
node_modules
...
web
css
main.css
html
index.html
images
...
js
index.js
themes
...
main.js
package.json
package-lock.json
require.js
下面是索引的内容。html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/main.css">
<style type="text/css">* {visibility: hidden;}</style>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<link rel="icon" href="../images/favicon-32x32.png" />
</head>
<body>
<div id="wrapper">
<div id="title-bar">
<div id="title-bar-btns">
<button id="min-btn" onclick="window_minimise()">—</button>
<button id="close-btn" onclick="window_close()">✕</button>
</div>
</div>
...
</div>
<script>
// You can also require other files to run in this process
require('../../renderer.js')
</script>
<script src="../js/index.js" type="text/javascript"></script>
</body>
</html>
和索引。js
...
const {BrowserWindow} = require('electron').remote;
function window_minimise(){
let window = BrowserWindow.getCurrentWindow();
window.minimize();
}
function window_close(){
let window = BrowserWindow.getCurrentWindow();
window.close();
}
...
这是我的main。js文件
const {app, BrowserWindow} = require('electron')
let mainWindow
function createWindow () {
let mainWindow = new BrowserWindow({
width: 1200,
height: 748,
icon:'web/images/favicon-32x32.png',
resizable: false,
frame: false,
show: false,
backgroundColor: '#171717',
webPreferences: {
nodeIntegration: true
}
})
mainWindow.once('ready-to-show', () => {
mainWindow.show()
})
mainWindow.setMenu(null);
mainWindow.loadURL('http://localhost:8000/html/index.html')
mainWindow.on('closed', function () {
mainWindow = null
})
}
app.on('ready', createWindow)
app.on('window-all-closed', function () {
if (process.platform !== 'darwin') app.quit()
})
app.on('activate', function () {
if (mainWindow === null) createWindow()
})
当我单击最小化或最大化时，什么都不会发生。所以我去http://localhost:8000/html/index.html检查了控制台，我看到了这些错误
未捕获引用错误：索引处未定义require。html:137
未捕获的引用错误：在index.js:110未定义要求
我使用的是电子版5.0。2顺便说一下。
如果有人能帮我解决这个问题，那就太好了。
谢谢。
编辑：我上面提到的错误在页面加载时显示，这个错误在我单击最小化时显示
未捕获引用错误：在HtmlButtoneElement的窗口（index.js:113）初始化之前无法访问“BrowserWindow”。onclick（index.html:18）
EDIT2：我认为问题在于eel（允许我将python与我的electron应用程序接口的代码）要求网页在localhost上运行，因此，require等节点功能不起作用。我将在GitHub的一期文章中详细介绍一下：GitHub。com/ChrisKnott/Eel/issues/147
共有2个答案
您只需在webPreferences对象中的nodeIntegration:true之后添加contextIsolation:false
更改您的index.js文件如下。然后使用nodeDemire代替要求关键字。
initNodeRequire();
const {BrowserWindow} = nodeRequire('electron').remote;
function window_minimise(){
let window = BrowserWindow.getCurrentWindow();
window.minimize();
}
function window_close(){
let window = BrowserWindow.getCurrentWindow();
window.close();
}
function initNodeRequire(){
window.nodeRequire = require;
delete window.require;
delete window.exports;
delete window.module;
}
-
我第一次与Firebase合作进行一个实践项目，我很难设置用户登录其帐户的能力。 我已成功设置注册，但到目前为止，我无法登录并检查身份验证状态是否正常工作。 我在控制台中不断收到的错误是“未捕获引用错误：未定义Firebase” 我自己做了一些研究，但我似乎找到的唯一答案是，你需要包含Firebase的脚本标签，这在这里不相关，因为我已经包含了它们，或者2.4.2版本的过时响应 有关守则如下：
-
用我的超文本标记语言，下面的代码部分 在控制台上生成以下错误： 未捕获引用错误：未定义WEBGL 我已经导入了所有必要的js，所以问题是：如何解决这个问题？
-
这是我的HTML代码，我试图将div中输出的内容转换成可下载的pdf文件。 我在控制台上得到这个错误： “未捕获引用错误：未定义jsPDF” 我不确定我做错了什么，我甚至在脚本标签中添加了。。。
-
我正在使用node。js创建一个web应用程序。运行应用程序时（通过在浏览器上打开index.html或在终端上使用“npm start”命令），会出现两个错误： 未捕获引用错误：未定义进程 未捕获引用错误：未定义require 我解决了“require is not defined”错误，特别是在我的索引中加入了。html头标记指向此脚本的链接，其中定义了require函数。但是，我找不到与pr
-
就这样，我正在用electron开发一个程序，一切都很好，就像在轮子上一样，直到，我做了我的小npm启动，像往常一样，我测试了一下我的应用程序，我发现javascript不再工作了，所以，我做了一点“Ctrl Shift I”，我在控制台中看到，我的模块都没有被导入，因为在最上面，我们有一个很大的错误：“uncaughtreferenceerror:primordials没有在”inspect“中
-
我正在为angular项目执行单元测试，但是我遇到了错误 未捕获的引用错误:未定义区域 在茉莉和因果报应中。目前我使用角6。 未捕获的引用错误:区域未在以下位置定义:9876/_ karma _ web pack _/web pack:/node _ modules/Zone . js/dist/Zone-testing . js:85 at:9876/_ karma _ web pack _/w