|
1. 前言
根据简书一篇文章,记录入门过程https://www.jianshu.com/p/ea0852003209
electron入门(踩坑)记录(1)https://blog.csdn.net/qq_15241071/article/details/85049159
electron入门(踩坑)记录(2)https://blog.csdn.net/qq_15241071/article/details/85050328
完成(1)和(2)之后,就开始整合electron+react了。
2 . 整合electron+react
简书这篇教程里面写的是修改main.js里面的mainWindow.loadUrl方法,嗯, 我看了一下,main.js里面压根没有有这个方法啊摔!只看到一个
mainWindow.loadFile('index.html')
然后项目里面是没有index.html的,于是恶向胆边生,怒注释掉这句话,然后直接加上mainWindow.loadUrl("http://localhost:3000");

然后启动2个终端,一个npm start启动react,一个 npm run electron-start启动electron,当然,别忘记祈祷。
祈祷无效,启动electron的时候报错:
A JavaScript error occurred in the main process
Uncaught Exception:TypeError:mainWindow.loadUrl is not afunction at App.createWindow(手打这些是为了其他人搜这个问题的时候能搜到我,增加访问量,还有根据这句话搜解答方法)

这个错误的意思就是刚刚恶向胆边生硬加的
mainWindow.loadUrl("http://localhost:3000");
不存在这个方法。
然后搜mainWindow.loadUrl is not afunction at App.createWindow,只有伟大的stackoverflow有解答(百度不给力啊),然后得到了答案https://stackoverflow.com/questions/37614054/loadurl-is-not-working-in-electron
loadUrl()was renamed toloadURL()a while back.
所以把mainWindow.loadUrl改成mainWindow.loadURL再试试,同样的,不要忘记祈祷鸭。

看,有了,所以,这算是整合进去了,到此,简书这篇文章也写到头了,接下来得自己看了... |