我尝试用从纺织品读取的数据更新一个表格。文本文件被正确读取并插入到构造函数中。但是HTML中的表格没有更新。为什么会这样？我如何修复它？不是包含表格的html文件不是运行Electron应用时呈现的根视图。
有一个主页，我从主页导航到这个食谱页面。我不确定这是否是原因。但这就是为什么我添加了一个超时功能，以便在运行func之前给予时间导航到正确的视图。

const { app, BrowserWindow, ipcMain } = require('electron');
const fs = require('fs');

// Mark ALL Constructors
class Recipe {
  constructor() {
    this.instructions = [];
    this.image = 'path';
    this.ingredients = [];
    this.description = '';
    this.nutrition_facts = [];
    this.cuisine = '';
    this.favorite = false;
    this.restrictions = [];
    this.difficulty = 0;
    this.review = '';
  }
}

var recipeArray = []; // store all recipes

function read_file(filePath) {
  fs.readFile(filePath, 'utf8', (err, data) => {
    if (err) {
      console.error(err);
      return;
    }

    const lines = data.split('\n');
    const recipe = new Recipe();
    // I trim all of them to get rid of whitespaces around
    recipe.description = lines[0].trim();
    recipe.ingredients = lines[1].split(',').map(item => item.trim());
    recipe.image = lines[2].trim();
    recipe.nutrition_facts = lines[3].trim().split(',').map(item => item.trim());
    recipe.cuisine = lines[4].trim();
    recipe.favorite = lines[5].trim() === 'true'; // check to make sure type right and equal to true if not its auto gonna be false
    recipe.restrictions = lines[6].split(',').map(item => item.trim());
    recipe.difficulty = parseInt(lines[7].trim(), 10);
    recipe.review = lines[8].trim(); // should this be int like 8/10 or string?

    // instructions can be any length starting from the 9th line
    for (let i = 9; i < lines.length; i++) {
      recipe.instructions.push(lines[i].trim());
    }
    recipeArray.push(recipe);

    // Send the parsed recipe to the renderer process
    mainWindow.webContents.send('recipeData', recipe);
  });
}

function populateRecipies(fileName) {
  const filePath = __dirname + '/' + fileName;
  read_file(filePath);
}

let mainWindow;

const createWindow = () => {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
  });

  mainWindow.loadFile('index.html');

  mainWindow.webContents.once('dom-ready', () => {
    // Access the document object after the DOM is ready
    setTimeout(() => {
      populateRecipies('testRecipe.txt');
    }, 10000);
  });
};

app.whenReady().then(() => {
  createWindow();
});

// Quit the app when all windows are closed (except on macOS)
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

// Create a new window when the app is activated (on macOS)
app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow();
  }
});

个字符

更新

const createWindow = () => {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false, // THIS FIXES THE ISSUES>
    },
  });

  mainWindow.loadFile('index.html');

  mainWindow.webContents.once('dom-ready', () => {
    setTimeout(() => {
      console.log("dd");
      populateRecipies('testRecipe.txt');
    }, 10000);
  });

  ipcMain.on('recipePageReady', () => {
    console.log("called");
    populateRecipies('testRecipe.txt');
  });
};

型