Electron项目中将CommonJS改成使用ES 模块（ESM）语法preload.js加载报错

报错原因可能是因为在预加载脚本（preload.js）中使用了ES模块的导入导出语法，但Electron的预加载脚本默认使用CommonJS模块系统。

解决方法：

1. 如果你的Electron版本支持在预加载脚本中使用ES模块，你可以通过在package.json中配置Electron来启用对ES模块的支持。例如：

{
  "name": "your-app",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "devDependencies": {
    "electron": "^x.y.z"
  },
  "electron": {
    "renderer": {
      "preload": {
        "js": true
      }
    }
  }
}

2. 将你的预加载脚本（preload.js）改为使用CommonJS的module.exports或exports来导出功能。例如：

// 使用CommonJS导出
module.exports = {
  someFunction: () => {
    // 你的预加载逻辑
  }
};

或者如果你想要继续使用ES模块语法，可以将预加载脚本放在一个单独的文件中，并通过require来导入所需的模块。例如：

// preload.js
const someModule = require('./some-module.js');
 
someModule.someFunction();

确保你的预加载脚本文件（如preload.js）与webPreferences中的preload选项相匹配，并且确保它们在同一目录下或者preload选项指向正确的路径。