为什么require（'fs'）导致我的js变量无法显示在html中？

Question

我正在尝试制作一个可增加和减少数字并将其更新为本地.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>

Answer 1

您是如何创建窗口的？ 您知道需要启用节点集成：

const mainWindow = new BrowserWindow({
    webPreferences: {
        nodeIntegration: true
    }
});

为什么require（'fs'）导致我的js变量无法显示在html中？

问题描述

1 个解决方案

解决方案1
0 已采纳 2019-07-23 10:27:05

为什么require（&#39;fs&#39;）导致我的js变量无法显示在html中？

问题描述

1 个解决方案

解决方案1 0 已采纳 2019-07-23 10:27:05

为什么require（'fs'）导致我的js变量无法显示在html中？

解决方案1
0 已采纳 2019-07-23 10:27:05