项目地址:[链接] 使用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"...
react + vite 打包后报 A is not a function? 2.2k 阅读 vite 打包 react 组件库的问题? 1 回答3.8k 阅读 为何vite lib 打包 react 组件出现 dev 跟 prod 两个 Runtime? 1 回答1k 阅读 electron引入react打包后的文件,js找不到? 1.9k 阅读 vite打包问题? 2 回答3.3k 阅读 找不到问题?创建新问题思否...
(1)创建main.js主文件(electron主配置文件) mainWindow.loadURL('http://localhost:8000/');这边的端口要跟前端运行起来的端口一致 // electron打包配置const{app,BrowserWindow,globalShortcut,// dialog}=require('electron');constpath=require('path');constisPro=process.env.NODE_ENV!=='development';const...
当我使用vite-plugin-electron插件后,运行vite build 那些通过React.lazy引入的文件,变成了使用 require 进行了导入 const Home = React.lazy(() => import("./home")); 这在浏览器中无法工作 当注释这段代码后打包,代码可以正常的在浏览器中运行了