将入口文件electron.js放在 react 的 public 文件夹下,public 文件夹会在 React 进行 build 后被复制到 build 文件夹中。 接着,对"scripts"进行修改: "scripts":{"start":"set BROWSER=none && react-scripts start","electron":"electron .","postinstall":"electron-builder install-app-deps"} "start"脚...
"postinstall": "electron-builder install-app-deps", "pack-react": "yarn build", "pack-electron": "electron-builder build" 打包的时候按顺序从上到下执行就好了。 坑1:fs.existsSync is not a function 我在渲染线程中引入 ipcRenderer 时报了这个错。翻了许多 github issues 后找到了合适的解决办法: ...
这个项目提供了一个Project Boilerplate,允许你使用React开发Electron App.关于Webpack之类的复杂配置,项目组已经提前帮你配置好了,就不用再自己手动去踩坑了。使用它可以让你专注于push ideas into coding,避免冗长繁琐复杂的配置工作。 实例化一个项目your-project-name,可以用以下命令: # Clone the boilerplate:...
接下来用于我们需要使用React,所以一个在项目中启用React支持也是必不可少的,创建一个真正可用的React项目环境还是比较复杂的,这里推荐直接使用Facebook官方的create-react-app工具,使用它可以直接创建一个React项目。 使用npm全局安装它: 代码语言:javascript 复制 npm install-g create-react-app 安装完create-react-a...
首先使用create-react-app新建一个 react app。因为这玩意儿新建的时候会帮你初始化npm,相当刺激。 其实主要是使用create-react-app的时候必须要指定一个名字。 然后他就在当前目录下创建了一个同名的文件夹,所有东西都放在这个文件夹下面了。(可能我没找到如何在当前目录创建的方法,欢迎指正) ...
官网地址:https://cn-evite.netlify.app/ 1、安装electron-vite npm i electron-vite -D 2、创建项目 yarn create @quick-start/electron 这里项目名字为:electron-app(自行修改),使用react框架 3、进入项目目录 cd electron-app 4、安装依赖 yarn
安装完create-react-app之后,我建议使用WebStorm来创建项目,因为WebStorm是现在最好的JavaScript IDE,当然如果你一定要使用命令行来创建我也没意见,只是WebStorm可以方便你之后的开发。 你安装create-react-app成功之后,就能直接在WebStorm中使用集成创建项目的方法创建一个React项目,创建项目的时候选择到React App一栏,We...
报错的原因是通过create-react-app创建的应用中 target 是web 环境,因此不能识别 node api。 下面通过两种途径可以来解决这个问题。 1. 绕过 Webpack 的检查机制解决 比较简单的处理办法就是使用window.require('electron')代替require('electron')。window 对象在 electron 中是指向 global 的,所以它在执行时可以找...
Run npm run watch to create the javascrpt bundle from the React code, while also having a live update on your app everytime a change is made. After the bundler.js has been created inside /public/build/ run the project with npm start. You should see an electron window show up with "...
在整合基于create-react-app创建的react项目和electron时,遇到一个问题:在开发模式,可以正常加载图片,但执行electron-packager . 命令把项目打包成exe文件后,图片无法加载,控制台报错提示 NOT_FOUND,加载的图片根路径是系统盘根目录,而代码中是相对路径,按道理来说,根路径应该是项目根目录。