electron整合react入门（踩坑）记录（3）

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 to loadURL() a while back.

所以把mainWindow.loadUrl改成mainWindow.loadURL再试试，同样的，不要忘记祈祷鸭。

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