前端初学electron

最新推荐文章于 2025-03-27 14:45:36 发布

wen_binObject

最新推荐文章于 2025-03-27 14:45:36 发布

阅读量3.4k

点赞数

分类专栏：个人日记 vue react 文章标签： vue react electron electron-react electron-vue

本文链接：https://blog.youkuaiyun.com/wen_binobject/article/details/101385516

版权

本文介绍了作者初学Electron时，从基于vue的electron-vue和vue-cli-plugin-electron-builder，转向基于react的自搭项目，最后选择使用electron-react-boilerplate的心路历程。过程中遇到的版本兼容、require未定义等问题，以及如何解决这些问题，为初学者提供了参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 electron官网

electron中文网 https://electronjs.org/docs

2 基于vue

1.electron-vue

官网 https://simulatedgreg.gitbooks.io/electron-vue/content/cn/
不足之处：根据官网运行项目后发现如下图

1.不足electron 版本太低
在这里插入图片描述
2.官方给的升级相关不确定不论是vue即将突出的3.0 还是ts等新特性

3.官方代码submit 截日2018年10月23日可见目前无人维护

为了解决问题1 我直接修改了package.json 中electron 版本号为目前最新等6.0.10
发现并解决了一个问题界面变白并且报错的问题。
Uncaught ReferenceError: require is not defined
at (index):
(index):1 Uncaught ReferenceError: process is not defined
at (index):1
Uncaught ReferenceError: module is not defined
at renderer.js:1
在这里插入图片描述
解决方案在 mian.js中添加即可
webPreferences: {
nodeIntegration: true,
},

    添加在main.js下
      mainWindow = new BrowserWindow({
   
	    webPreferences

最低0.47元/天解锁文章