serve : 无法加载文件 xx\Roaming\npm\serve.ps1，因为在此系统上禁止运行脚本

实现停止 server 然后刷新，仍然可以看到应用程序正常运行

官网步骤

https://webpack.docschina.org/guides/progressive-web-application/

给项目添加后

此时如果直接通过 VSCode 访问打包后页面，在浏览器控制台会发现 SW registration failed。

因为我们打开的访问路径是：http://127.0.0.1:5500/dist/index.html。此时页面会去请求 service-worker.js 文件，请求路径是：http://127.0.0.1:5500/service-worker.js，这样找不到会 404。

实际 service-worker.js 文件路径是：http://127.0.0.1:5500/dist/service-worker.js。

解决路径问题

• 下载包

npm i serve -g

serve 也是用来启动开发服务器来部署代码查看效果的。

• 运行指令

serve dist

报错：serve : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\serve.ps1，因为在此系统上禁止运行脚本

解决方式：

打开Windows PowerShell应用

输入set-ExecutionPolicy RemoteSigned

• 运行指令

serve dist

此时通过 serve 启动的服务器我们 service-worker 就能注册成功了。