umbrella22 / electron-react-template

An Electron & React quick start

Electron-React-template

How to use

npm install or yarn install

npm run dev or yarn dev

# 启动之后，会在9080端口监听
# 需要重新运行一次此命令
npm run dev

# build命令在不同系统环境中，需要的的不一样，需要自己根据自身环境进行配置
npm run build

# 如若实在不行无法安装electron依赖，请使用
npm config edit
# 该命令会打开npm的配置文件，请在registry=https://registry.npm.taobao.org/这行代码后的下一行添加
# electron_mirror=https://cdn.npm.taobao.org/dist/electron/  和  ELECTRON_BUILDER_BINARIES_MIRROR=http://npm.taobao.org/mirrors/electron-builder-binaries/
# 然后关闭该窗口，重启命令行，删除node_modules文件夹，并重新安装依赖即可

---

electron-react-template's Issues

引入antd 运行报错

引入antd 运行报错，是在哪里需要配置嘛
webpack-internal:///…evelopment.js:20085 The above error occurred in the component:

at Button (/Applications/pro/electron-react-template-master/node_modules/antd/lib/button/button.js:137:30)
at div
at App

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
webpack-internal:///…evelopment.js:23270 Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
   See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
   at resolveDispatcher (:9080/Applications/p…development.js:1476)
   at Object.useContext (:9080/Applications/p…development.js:1484)
   at Button (:9080/Applications/p…utton/button.js:155)
   at renderWithHooks (webpack-internal:///…evelopment.js:14985)
   at updateForwardRef (webpack-internal:///…evelopment.js:17044)
   at beginWork (webpack-internal:///…evelopment.js:19098)
   at HTMLUnknownElement.callCallback (webpack-internal:///…development.js:3945)
   at Object.invokeGuardedCallbackDev (webpack-internal:///…development.js:3994)
   at invokeGuardedCallback (webpack-internal:///…development.js:4056)
   at beginWork$1 (webpack-internal:///…evelopment.js:23959)

build:web babel报错

Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/tianjinsha/Documents/electron-react-template-master/src/renderer/view/app/App.tsx: Missing initializer in const declaration. (9:9)

7 | import TitleBar from "@/components/common/TitleBar"
8 |

9 | const App: FC = () => {
| ^
10 | return (
11 |

12 |

at instantiate (/Users/tianjinsha/Documents/electron-react-template-master/node_modules/@babel/parser/lib/index.js:72:32)