reactjs - Electron Packager 生成空白页
问题描述
我是 Electron.js 的新手,不知道如何将应用程序打包到生产环境中。当我使用yarn start
&yarn run electron
我看到我在应用程序中所做的更改:
但在包装后npx electron-packager . --overwrite
我什么也没看到:
我猜想 package.json 或 main.js 上的窗口路径有问题,但我尝试过的任何东西都没有修复它:
包.json
{
"name": "team",
"version": "0.1.0",
"private": true,
"main": "public/main.js",
"dependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"concurrently": "^6.2.1",
"cross-env": "^7.0.3",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.0.1"
},
"scripts": {
"start": "set BROWSER='none' && react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"electron": "electron ."
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"electron-packager": "^15.4.0",
"electron": "^14.0.1"
}
}
main.js
const { app, BrowserWindow } = require('electron')
function createWindow () {
const win = new BrowserWindow({
width: 800,
height: 600,
icon: './logo.ico',
webPreferences: {
nodeIntegration: true,
// devTools: false
}
})
//development:
//win.loadURL('http://localhost:3000');
win.webContents.openDevTools();
// production:
win.loadURL('index.html');
}
app.whenReady().then(createWindow)
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit()
}
})
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
__dirname
我尝试添加此处建议的内容,但得到了相同的结果。
谢谢!
解决方案
推荐阅读
- java - 如何在 ListView 中存储 ID 并显示数据在安卓java中
- html - CSS动画背景颜色问题
- swift - 如何更新从 array.count 获取值的标签?
- symfony - Symfony 表单生成器使用 Doctrine 代理而不是实体
- typescript - 使用 PrimengTreeTable 和 Angular 8 为每个子级别设置不同的标题
- java - Lombok 的参数数量错误
- app-store - 当 Apple 审查我的应用程序时,我的应用程序崩溃了,但我们无法在开发中使用相同的构建配置复制崩溃
- c++ - 访问 std::unique_ptr 类型的指针是否应用内存排序?
- python - 使用python拍照
- sql - 如何按重复值分组并嵌套数组Postgresql