为啥 require('fs') 导致我的 js 变量不在 html 中显示？
Posted
技术标签:
【中文标题】为啥 require(\'fs\') 导致我的 js 变量不在 html 中显示？【英文标题】：Why is require('fs') causing my js variables to not show in html?为什么 require('fs') 导致我的 js 变量不在 html 中显示？ 【发布时间】：2019-12-01 08:28:14 【问题描述】：我正在尝试制作一个可以增加和减少数字并将该数字更新到本地 .txt 文件的电子应用程序。
我有显示和向上/向下计数的数字，但是一旦我引入 fs 节点，它就会恢复为“ScoreA”的占位符文本
var fs = require('fs');
//Score A initialise
var scoreAOriginal = 0;
var dx = scoreAOriginal;
//Score A button functions
function incA(num)
dx = dx + num;
function decA(num)
if (dx >= 1)
dx = dx - num;
//Score B initialise
var scoreBOriginal = 0;
var dy = scoreBOriginal;
//Score B button functions
function incB(num)
dy = dy + num;
function decB(num)
dy = dy - num;
// Refresher and value assignment to div classes in index.html
setInterval(function() document.getElementById("scoreA").innerHTML = dx; document.getElementById("scoreB").innerHTML = dy; , 100);
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Peppy - by Doug</title>
<script src="./main.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<h1>Peppy</h1>
<div class="scoreConsoles">
<div>
<button class="button button5" onclick="incA(1)">+</button>
<div id="scoreA">scoreA</div>
<button class="button button5" onclick="decA(1)">-</button>
</div>
<div>
<button class="button button5" onclick="incB(1)">+</button>
<div id="scoreB">scoreB</div>
<button class="button button5" onclick="decB(1)">-</button>
</div>
</div>
<!-- You can also require other files to run in this process -->
<script src="./renderer.js"></script>
</body>
</html>
【问题讨论】：
可能是因为require 没有定义（在浏览器中；'fs' 在浏览器中肯定不可用）并且脚本因错误而停止。
添加你写的完整的html代码
@Piyush，添加了完整的 html
【参考方案1】：
您是如何创建窗口的？您知道您需要启用节点集成：
const mainWindow = new BrowserWindow(
webPreferences:
nodeIntegration: true
);
【讨论】：
以上是关于为啥 require('fs') 导致我的 js 变量不在 html 中显示？的主要内容，如果未能解决你的问题，请参考以下文章