第一种:卸载全局安装包: npm uninstall -g create-react-app yarn global remove create-react-app 然后npm start,浏览器会打开页面。 如果第一种不行,用第二种 第二种:忽视掉本地的create-react-app已存在的版本进行项目的创建 npx --ignore-existing create-react-app my-app 2.引入electron npm install e...
mainWindow.loadURL('http://localhost:8000/');这边的端口要跟前端运行起来的端口一致 // electron打包配置const{app,BrowserWindow,globalShortcut,// dialog}=require('electron');constpath=require('path');constisPro=process.env.NODE_ENV!=='development';constremote=require('@electron/remote/main');rem...
electronjs 优势 electronjs 打包前端文件为exe不需要很深代码能力即可实现,是一个基于 React 的框架,对于初级前端开发十分友好,具有以下优势: 高效性:relectron 充分利用了 React 的虚拟 DOM 和组件化的特性,能够快速构建高效的应用程序。 跨平台:relectron 支持 Windows、Linux 和 macOS 等多个平台,可以在不同的...
安装 打包工具: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"...
Electron 打包 React项目 本篇内容将记录并介绍使用Electron来打包已有的React项目; 1、安装Electron npm install -g electron npm install -D electron 我这里使用的是全局安装electron,原因是因为electron包比较大,而且运行Electron这一操作是可复用的,所以我认为全局安装electron更加合适,这里只需要安装一次electron,在哪...
首先需要将打包📦后的前端代码放到项目build文件夹下,注意是放到build文件夹根目录而不是将诸如dist(vue打包后)或者build(react打包后)文件直接拷贝到项目的build文件夹。build文件夹下的文件目录如果是react就应该如下 ...
1.创建React项目: npx create-react-app mydemo 2.添加Electron包: npm install electron -D 3.项目根目录下新建main.js const { app, BrowserWindow } = require('electron') function createWindow () { const win = new BrowserWindow({ width: 800, ...
首先需要将打包📦后的前端代码放到项目build文件夹下,注意是放到build文件夹根目录而不是将诸如dist(vue打包后)或者build(react打包后)文件直接拷贝到项目的build文件夹。build文件夹下的文件目录如果是react就应该如下 代码语言:javascript 复制 ├── asset-manifest.json ├── favicon.ico ├── files ├──...
React+electron项目搭建打包一．搭建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 start，浏览...
为了方便你以后的使用,建议全局安装。以后在任何文件夹都能使用electron。怎么安装就不废话了,不会的去官网,安装好electron之后也安装一个专用的打包工具electron-packager,以方便我们后面打包的时候使用。 二、run build 你的react项目写完后(其实写到一半,四分之一你随意,只要页面上有点内容了),执行 npm run ...