var fs = require('fs')后的代码未运行

Question

为什么我的简单jquery不能在var fs = require('fs')代码之后运行。

这将正确运行

    //here is my simple jquery
    $("#table th").css("color", "yellow");
//here starts the fs code
        var fs = require('fs');
        var output = fs.readFileSync('component names.txt', 'utf8').replace(/(\r)/gm, "").split('\n').map((line) => {
            let [Eng, Spa, ger] = line.split('\t');
            return {
                Eng,
                Spa,
                ger
            };
        });
        var Eng = output.map(item => item.Eng);
        var Spa = output.map(item => item.Spa);

但是，如果我将$("#table th“)颜色(”.css“，”黄色“)放在底部，我想要它的位置，因为我要填充一个表，它在这里不起作用：

var fs = require('fs');
var output = fs.readFileSync('component names.txt', 'utf8').replace(/(\r)/gm, "").split('\n').map((line) => {
    let [Eng, Spa, ger] = line.split('\t');
    return {
        Eng,
        Spa,
        ger
    };
});
var Eng = output.map(item => item.Eng);
var Spa = output.map(item => item.Spa);

//jquery
$("#table th").css("color", "yellow");

为什么？

Answer 1

我怀疑这与readFileSync函数有关。试着用Try catch包住它，看看它有没有捕捉到什么。您说第一个代码可以工作，但我认为您指的是jquery代码。我相信fs代码不能正常工作。

try {

  var output = fs.readFileSync('component names.txt', 'utf8').replace(/(\r)/gm, "").split('\n').map((line) => {
  let [Eng, Spa, ger] = line.split('\t');
    return {
      Eng,
      Spa,
      ger
    };
  });


  var Eng = output.map(item => item.Eng);
  var Spa = output.map(item => item.Spa);

} catch(e) {
  console.error(e) //see what's going on here
}

如果这样做，jquery代码将正常工作，因为无论发生什么错误都将被捕获并忽略，因此调试代码以避免将来遇到任何问题非常重要