electron 升级 v22 遇到问题

Electron 漏洞
https://mp.weixin.qq.com/s/5LpSJb_5uV8EIDOl3fz9Tw

由于 23以上不在支持win 7 8 8.1

所以我选择安装 v22.3.24

electron 22.3.24
node-sass 6.0.1
sass-loader 10.4.1

对应的版本

npm i node-sass@6.0.1 --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
npm i -D sass-loader@10.x

以下是我开发中遇到的问题

1. const fs = require(“fs”) 报错未定义requir ncaught ReferenceError: require is not defined

win = new BrowserWindow({webPreferences:{nodeIntegration:true, contextIsolation:false }
}）

2. Syntax Error: TypeError: this.getOptions is not a function
   开始爬坑的时候 node node-sass sass-loader 三个的版本不匹配
   最终选择我上面用的这三个版本号 就可以

3.Syntax Error: Error: Node Sass version 9.0.0 is incompatible with ^4.0.0.
node-sass 的版本太高需要降级

4. Cannot read properties of undefined (reading ‘app’) at new ElectronStore

npm i electron-store@latest
import ElectronStore from "electron-store";
let electronStore;
app.on("ready", async () => {if (isDevelopment && !process.env.IS_TEST) {// Install Vue Devtoolstry {// await installVueDevtools()} catch (e) {console.error("Vue Devtools failed to install:", e.toString());}}// 初始化配置文件electronStore = new ElectronStore({defaults: electronDefaultData,cwd: app.getPath("userData"),});global.electronStore = electronStore;createWindow();
});

另外需要更改的代码

// 你的入口文件 main.js
protocol.registerSchemesAsPrivileged([{ scheme: "app", privileges: { standard: true, secure: true } },
]);function createWindow() {
win = new BrowserWindow({width: 650,height: 550,webPreferences: {contextIsolation: false,webSecurity: true,nodeIntegration: true,},});
}package.json // 不再支持 main 所以换成 exports"exports": {".": "./main.js"},

// 但是main 在build得时候 又必须有
5.Uncaught TypeError: Cannot read properties of undefined (reading ‘app’)

enableRemoteModule: true

6.exited with code ERR_ELECTRON_BUILDER_CANNOT_EXECUTE

任务管理器删掉electron进程 或者 电脑重启

7.Application entry file “index.js” in the “F:…resources\app.asar” does not exist. Seems like a wrong configuration.

“main”: “background.js” // 运行时提示你这个没用 打包时又必须有

8.Uncaught (in promise) undefined vue-router 版本过高 返回promise
npm i vue-router@3.0 -S // 降级试了不可以

this.$router.push(
{name: “update” },
(onComplete) => {},
(onAbort) => {}
);

加上这俩后 但是不跳转了

后面排查 发现打包后Cookies 不生效 换成 localStorage

9 .vue 启动项目报错Cannot read properties of undefined (reading ‘parseComponent‘）

npm upgrade –latest vue-template-compiler