electron/js2c/renderer_init.js:13 (electron) The remote module is deprecated. Use https://github.com/electron/remote instead. log @ electron/js2c/renderer_init.js:13
Electron 项目叙述:
Vue3 + TypeScript + electron 使用 electron-builder 集成 electron-vue 自带最高可以选择electron^13.0.0 (嫌弃。。。)
毕竟目前最新版本都到electron^23.2.0+了,但是没得办法Vue3香的嘞,原不想写折腾原生HTML+CSS+JS那一套,也不想写 Angular React ~
暂时找不到更好的集成方案,再加上项目进度迫在眉睫实属无奈之举,当然如果你有更好的方案可以推荐一下最好是Vue3 Vue vue…,在这里先向各位说一声谢谢啦…
在 调试控制台 中…
electron/js2c/renderer_init.js:13 (electron) The remote module is deprecated. Use https://github.com/electron/remote instead.
log @ electron/js2c/renderer_init.js:13
以下为解除代码警告办法
在 渲染进程 vue 中 原写法
<script lang="ts" setup>
const { remote } = window.require('electron')
// 打开dialog
const openDialog = () => {
remote.dialog.showMessageBox({
// 其它省略...
message: '香哭的嘞~'
})
})
<script/>
改用 @electron/remote
// 先安装 @electron/remote
npm install --save @electron/remote
或
cnpm install --save @electron/remote
或者
npm i @electron/remote
或
cnpm i @electron/remote
在 background.ts 中
// 引入
import * as remote from '@electron/remote/main';
// 初始化
remote.initialize();
// 监听应用的启动事件
app.on('ready', async () => {
// 创建设置子窗口
const window = new BrowserWindow({
// 配置此次省略...
{
// 使用remote模块,electron10x还是多少来着 版本之后废除了,需要自己安装...
enableRemoteModule: true, // 老版本14x之前开启就可以使用了
}
});
// 使用remote模块,electron13之后 开启remote
// remote.enable(window.webContents);
})
在 渲染进程 vue 中 新写法
<script lang="ts" setup>
// const {remote} = window.require('electron') // 旧
const { dialog } = window.require('@electron/remote') // 新
// 打开dialog
const openDialog = () => {
/* 报警告写法
// (electron) The remote module is deprecated. Use https://github.com/electron/remote instead.
remote.dialog.showMessageBox({
// 其它省略...
message: '哭的嘞~'
})
*/
// 新
dialog.showMessageBox({
// 其它省略...
message: '香的嘞~'
})
})
<script/>