如何在preload.js写入显示加载进度

您可以使用preload.js中的onProgress事件来实现显示加载进度。您可以在onProgress事件中获取当前加载的文件数量和总文件数量，然后计算出加载进度百分比，并将其显示在页面上。以下是一个示例代码：

var preload = new createjs.LoadQueue();
preload.on("progress", handleProgress);

function handleProgress(event) {
    var progress = Math.round(event.loaded * 100);
    document.getElementById("loading-progress").innerHTML = "Loading " + progress + "%";
}

在这个示例中，我们创建了一个LoadQueue对象，并在其上注册了一个onProgress事件处理函数。在事件处理函数中，我们使用event.loaded属性获取当前加载的文件数量，使用preload.getItems().length获取总文件数量，然后计算出加载进度百分比，并将其显示在页面上。请注意，我们使用了Math.round()函数来将进度百分比四舍五入到整数。

相关问题

electron-builder 启动没有问题 打包之后无法加载 preload.js preload.js 引用node.js模块没有打包进去

`electron-builder` 是一个强大的工具，用于自动化构建跨平台的 Electron 应用。如果你在打包后发现 preload.js 文件引用的 Node.js 模块没有被打包进去，可能会遇到以下问题：

1. **预加载脚本配置**：preload.js 是一个在渲染进程中预先加载的脚本，主要用于注入全局变量、API 等。确保你在项目配置文件（如 `package.json` 或 `.builderconfig.js`）中正确设置了 `preload` 和 `webPreferences` 参数，将 preload.js 添加进列表中。

   {
     "build": {
       "preload": ["preload.js"],
       "webPreferences": {
         "nodeIntegration": true, // 如果 preload.js 需要用到 Node.js 模块，这里应该开启 nodeIntegration
         "contextIsolation": false
       }
     }
   }

2. **文件路径问题**：确认 preload.js 的路径是否正确，它应该位于项目的根目录或是 `src` 或者指定的目录内。如果不是，你需要调整路径或更新 `preload` 配置。

3. **打包配置**：检查你的构建配置，确保 Node.js 模块在 `asar` 中被正确处理。默认情况下，Electron Builder 只打包 `node_modules` 下直接依赖于主进程的模块，如果模块不是直接依赖，可能需要添加配置使其被打包。查阅 `electron-builder` 文档关于 `asar.unpack` 或 `files` 的部分。

4. **模块打包策略**：有些第三方库可能需要手动处理才能被打包，比如使用 `file-loader` 或者 `copy-webpack-plugin` 这样的插件来复制文件。

5. **检查打包日志**：查看打包过程中是否有错误提示，它们可以帮助你定位问题所在。

D:\webRoot\djcscsWin\window\preload.js 路径正确，但是 electron 还是报错 unable to load preload script: D:\webRoot\djcscsWin\window\preload.js

如果 preload.js 文件路径是正确的，那么可能是 Electron 没有正确设置 preload 路径。请确保在创建 BrowserWindow 对象时，已正确设置了 webPreferences.preload 选项。

如果仍然无法解决问题，可以尝试使用绝对路径来指定 preload.js 文件路径。例如：

const { BrowserWindow } = require('electron')
const path = require('path')

let win = new BrowserWindow({
  webPreferences: {
    preload: path.join(__dirname, 'window', 'preload.js')
  }
})

其中，`__dirname` 表示当前文件所在的目录。使用 `path.join()` 方法可以将多个路径拼接成完整的文件路径。请根据你的实际情况修改代码中的路径。