electron + react 没有打包的时候视频可以正常播放,打包build 之后,把路径从 mainWindow.loadURL('http://localhost:3000/'); 改为 mainWindow.loadFile('build/index.html') 之后就无法播放了 ,报错 referenceError: _e is not defined
时间: 2024-03-04 13:52:04 浏览: 118
electron框架+打包vue+react 成exe 安装下一步客户端桌面程序
这个问题可能是因为在项目的 `package.json` 文件中没有正确配置 `electron-builder` 的选项,导致打包后的应用程序无法正确加载视频文件。
你可以尝试在 `package.json` 文件中添加以下代码,来指定 `electron-builder` 的配置选项,以支持正确加载视频文件:
```
"build": {
"appId": "com.example.app",
"productName": "MyApp",
"files": [
"build/**/*",
"node_modules/**/*"
],
"extraResources": [
{
"from": "public",
"to": "public",
"filter": [
"**/*.mp4"
]
}
]
}
```
请注意,上面的代码中的 `extraResources` 配置项会将应用程序打包时,指定的目录下的 `.mp4` 文件一并打包到应用程序中,并将它们的路径设置为相对应用程序的根目录,这样在应用程序中加载这些文件时就可以直接使用相对路径了。
如果你的视频文件不是 `.mp4` 格式,你需要相应地修改上面的代码,以匹配你的视频文件类型。
另外,你需要确认在你的 React 代码中,视频文件的路径是否正确,它们应该是相对于应用程序的根目录的路径。如果你的视频文件放在 `public` 目录下,你可以在 React 代码中使用相对路径来引用这些文件,例如:
```
<video src="./video.mp4" />
```
最后,你需要重新打包你的应用程序,以使配置的更改生效。
阅读全文