第一种:卸载全局安装包: 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...
"react-app-polyfill": "^0.2.0", "react-dev-utils": "^7.0.1", "react-document-title": "^2.0.3", "react-dom": "^16.7.0", "react-overlayscrollbars": "^0.2.1", "react-redux": "^7.1.0", "react-router-dom": "^5.0.1", "redux": "^4.0.1", "redux-thunk": "^2.3.0",...
使用Electron让React+webpack打包的问题原有的React项目可以正常使用Webpack和webpack-dev-server打包并使用。引入Electron后,先用Webpack打包并用dev-server运行在8080下,然后在总目录下加入一个index.js const electron = require('electron'); const {app,BrowserWindow} = electron; let mainWindow = electron; ap...
大家好,我是yma16,本文分享关于使用electronjs打包前端vue3、react成exe可执行程序。。 Electron前端框架 Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux...
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, ...
react + electron 打包记录 package.json 中的更改: 增加: "homepage": "./", "build": { "productName": "xxxx", "appId": "com.xxx.win", "directories": { "output": "dist" }, "files": [ "dist/**/*", "public/**/*", "main.js",...
首先需要将打包📦后的前端代码放到项目build文件夹下,注意是放到build文件夹根目录而不是将诸如dist(vue打包后)或者build(react打包后)文件直接拷贝到项目的build文件夹。build文件夹下的文件目录如果是react就应该如下 ...
为了方便你以后的使用,建议全局安装。以后在任何文件夹都能使用electron。怎么安装就不废话了,不会的去官网,安装好electron之后也安装一个专用的打包工具electron-packager,以方便我们后面打包的时候使用。 二、run build 你的react项目写完后(其实写到一半,四分之一你随意,只要页面上有点内容了),执行 npm run ...