Electron 警告 The remote module is deprecated. Use https://github.com/electron/remote instead.

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/>