electron + react 刨坑记

记录作为新手主要遇到的问题以及解决方案。

1.require is not defined

按照教程 react electron 搭建 桌面应用（Window）一步一个脚印来，其中有一个关键点：

// 修改 public/index.html，目的是在react中使用electron模块
<script>require('./render.js')</script>
<div id="root"></div>

作为新手在 react 中使用‘electron’，看到 console 中错误：

(index):28 Uncaught ReferenceError: require is not defined
    at (index):28

情真意切的以为这真是一个错误，但事实上它能正常工作。没错，It`s worked!!!。你不管他也就没事了。但是，如果想解决可以使用另一种 js 的导入方式：

<script src="./preload.js"></script>

然而，又是一个错误 preload.js:1 Uncaught ReferenceError: global is not defined，其实有时候也报 '<'解析异常,真是让人惆怅。接着，你得加上 type="text/babel"，看起来是这么一回事：

<script type="text/babel" src="./preload.js"></script>

没有爆红应该能让人比较好接受。

作为提示，在 react 使用了 electron（比如，const { remote } = window.electron;），那么意味着启动 react 的时候弹出的网页是不能正常使用了的。只需在 package.json 的 scripts 节点下添加 "electron-start": "electron ." // 配置electron启动，然后命令行 npm run electron-start 或 yarn electron-start(yarn 在安装模块的时候下载速度较快哦)启动 electron，就好了（，曾今天真的以为在浏览器调试就好了，不用启动 electron。too young,too naive. ）。好了，进行下一步工作吧。