最近在使用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文件夹中看到已将静态资源复制成功。
最近在使用electron-packager打包electron-vue项目时遇到了一些小问题，下面是我的解决方案：1、打包后的应用程序打开后是空白的：解决方法：在npm run packager之前先npm run build。2、图片等静态资源无法加载的问题：打包时一般会将静态资源文件放在“打包文件名\resources\app\dist\electron"路径下，若你的静态文件没有复制到这里，那么应用程序将无法找到，即应用程序会在这个文件夹中找静态资源。解决方法：先把静态资源放
探索
electron
-serve：优雅地构建
Electron
应用
的
静态资源
服务器
项目
地址:https://gitcode.com/sindresorhus/
electron
-serve
在开发基于
Electron
的
应用
时，快速迭代和实时预览是必不可少的需求。
electron
-serve 是一个简洁而强大的库，它为
Electron
应用
提供了本地HTTP服务器功能，使得动态
加载
和更新文件变得极其简...
1.
静态资源
如css,img，js,请放在根目录的static文件夹里，
因为
electron
打包
后会复制一份static文件夹到dist文件夹中
这样
项目
引入的
静态资源
就不会报路径错误了。
2.字体文件比较特殊，如果引入的是前端框架文件，引入的字体 路径不是我们能控制的。所以我们需要修改下C:\Users...
项目
需要在
electron
的
项目
中新打开一个窗口，利用webpack作为
静态资源
打包
器，发现在webpack中可以设置多页面的入口，今天来讲一下我在
electron
中利用webpack建立多页面入口的踩坑经验。
1、webpack的核心概念
•Entry：入口，Webpack执行构建的第一步从Entry开始；
•Module：模块，在Webpack里一切皆模块，一个模块对应着一个文件。Webpack会从配置的Entry开始递归找出所有依赖的模块。
•Chunk：代码块，一个Chunk由多个模块组合而成，用于代码合并与分割。
•Loader：模块转换器，用于把模块原
内容
按照需求转换成新
内容
。
当运行
electron
-
package
r时报错"
无法
加载
文件 C:\Users\Sunset\AppData\Roaming\npm\
electron
-
package
r.ps1，因为在此系统上禁止运行脚本"，这个错误是由于系统禁止执行脚本所导致的。这个错误可以通过修改系统的执行策略来解决。
解决方法如下：
1.打开PowerShell或者命令提示符（以管理员身份运行）。
2.运行以下命令以启用执行脚本的策略：
```powershell
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
这将修改当前用户的执行策略，允许执行本地脚本。
3.重新运行
electron
-
package
r命令，应该不再出现"
无法
加载
文件"的错误提示了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [报错：
无法
加载
文件 C:\Users\Administrator\AppData\Roaming\npm\
electron
.ps1，因为在此系统中禁止执行...](https://blog.csdn.net/liuying93/article/details/123348132)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [
vue
:
无法
加载
文件 C:\Users\admin\AppData\Roaming\npm\
vue
.ps1，因为在此系统上禁止运行脚本](https://blog.csdn.net/qq_52475404/article/details/124450412)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [
electron
ic-
package
r：通过JS或CLI
使用
操作系统特定的捆绑包（.app，.exe等）自定义和
打包
您的
Electron
应用
...](https://download.csdn.net/download/weixin_42166623/15008814)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
