electron - 有没有办法在 html 脚本中实现 fs？

Question

我正在尝试启动音乐播放器。为此，我创建了一个描述歌曲所在路径的 json 文件。还有我和作者的歌曲数量。

    {
      "songs":[
        {
          "author": "Guns and Roses",
          "name": "Welcome to the Jungle",
          "url": "./Resources/welcome-to-the-jungle.mp3"
        }
        ]
    }

我正在用 Electron 构建这个应用程序。在 html 文件中，我添加了一个名为“functions.js”的脚本。 <script type="module" src="functions.js"></script>在那个函数中，我想导入模块 fs 并读取我的 json 文件以开始工作。但我错过了一些东西。我收到一条消息错误，提示我无法导入 fs 模块。

import fs from 'fs' 
const file = fs.readFileSync('./Resources/metadata.json')

我也试过，

import fs from '../node_modules/fs' 
const file = fs.readFileSync('./Resources/metadata.json')

并将脚本添加到 html 文件 index.js

<script src="fs.js"></script>

但是没有任何效果......将库导入我的脚本的正确方法是什么？

Answer 1

使用 require 导入

const fs = require('fs')

如果它抛出错误说 require is not defined ，在你的主进程中启用节点集成，这将允许你的窗口使用节点的 require功能:

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