使用electron-packager打包electron-vue项目的一些问题:打包后的应用程序空白、静态资源无法加载
最近在使用electron-packager打包electron-vue项目时遇到了一些小问题,下面是我的解决方案:1、打包后的应用程序打开后是空白的:解决方法:在npm run packager之前先npm run build。2、图片等静态资源无法加载的问题:打包时一般会将静态资源文件放在“打包文件名\resources\app\dist\electron"路径下,若你的静态文件没有复制到这里
·
最近在使用electron-packager打包electron-vue项目时遇到了一些小问题,下面是我的解决方案:
1、打包后的应用程序打开后是空白的:
解决方法:在npm run packager之前先npm run build。
2、图片等静态资源无法加载的问题:
打包时一般会将静态资源文件放在“打包文件名\resources\app\dist\electron"路径下,若你的静态文件没有复制到这里,那么应用程序将无法找到,即应用程序会在这个文件夹中找静态资源。
解决方法:
先把静态资源放在项目根目录的static文件夹中,如我的图片在src中,
接下来,在项目根目录下的.electron-vue文件夹下的webpack.renderer.config.js文件中修改对应的路径,即修改好静态资源源路径到目标路径后,会自动使用CopyWebpackPlugin打包复制插件将静态资源从 源路径复制到目标路径,经此操作,应用程序在运行时即可找到静态资源,从而正常加载静态资源。
项目打包成功后,即可在打包后的文件夹的resources/app/dist/electron文件夹中看到已将静态资源复制成功。
更多推荐
已为社区贡献2条内容
所有评论(0)