项目地址:[链接] 使用create-react-app的npm run bild命令打包react。使用electron-builder打包成exe。 package.json部分代码 {代码...} public/electron.js加载create-react-app打包后的代码 {代码...} npm run...
在整合基于create-react-app创建的react项目和electron时,遇到一个问题:在开发模式,可以正常加载图片,但执行electron-packager . 命令把项目打包成exe文件后,图片无法加载,控制台报错提示 NOT_FOUND,加载的图片根路径是系统盘根目录,而代码中是相对路径,按道理来说,根路径应该是项目根目录。
到这一步我们就可以安装打包工具 electron-builder 了。直接一行代码:npm i electron-builder --save-dev 或是 yarn add electron-builder -D。 electron-builder 在打包时需要很多依赖,从官方下载地址下载非常慢,所以我们要配置镜像。对于 npm,输入: npm config set electron_mirror https://npmmirror.com/mirrors...
原有的React项目可以正常使用Webpack和webpack-dev-server打包并使用。引入Electron后,先用Webpack打包并用dev-server运行在8080下,然后在总目录下加入一个index.js const electron = require('electron'); const {app,BrowserWindow} = electron; let mainWindow = electron; app.on('ready',()=>{ mainWindow ...
一.搭建react+electron项目 1.创建一个react项目 create-react-app my-app cd my-app npm start 看下页面是否打开,是否运行正确。 注意:如果页面没有src文件夹, 第一种:卸载全局安装包: npm uninstall -g create-react-app yarn global remove create-react-app ...
安装 打包工具:npm install electron-builder --save-dev main.js 和 preload.js 放到 public 目录下,并且把 main.js 名字改为 electron.js 打包指令: "electron-start": "electron .", "dist": "electron-builder --win --ia32", "distmac": "electron-builder --mac"...
1、我通过create-react-app创建一个项目之后,通过build打包到项目buid目录下,项目用到了react-loadable的按需加载组件。产生了多个chunks。并且第三方库打包在vendor.chunk中:文件结构如下: asset-manifest.json文件如下 { "main.css": "./static/css/main.a232793d.chunk.css", "main.js": "./static/js/main...
我集成了antd和react,并加入了eletron. 在main.js中使用 url去loadWindow,这里有个疑问,这和bs不就一样了吗. 上图是我试着调用系统(system)的通知api.在webpack打包时根本无法构建 问题出现的环境背景及自己尝试过哪些方法 试过http.post()然后在node中拦截这个action运行底层api,但是如果在electron的main.js中...
当我使用vite-plugin-electron插件后,运行vite build 那些通过React.lazy引入的文件,变成了使用 require 进行了导入 const Home = React.lazy(() => import("./home")); 这在浏览器中无法工作 当注释这段代码后打包,代码可以正常的在浏览器中运行了