最近在使用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文件夹中看到已将静态资源复制成功。

Logo

前往低代码交流专区

更多推荐