angular 13 热更新失效
问题：
在一个 Angular 13 应用中，启用了热更新 (HMR)，但更改源文件后，前端没有更新。
疑似原因：
环境配置错误开发程序未放置在 WSL 存储目录中
环境配置：
Node: v16.13.2npm: 8.3.0yarn: 1.22Angular: ~13.3.0
配置：
environment.js:
export const environment = {production: false,hmr: true};
登录后复制
angular.json:
{"serve": { "builder": "@angular-devkit/build-angular:dev-server", "configurations": { "development": { "hmr": true, "browserTarget": "chengzheng-official:build:development" } }}}
登录后复制
分析：
经检查，环境配置和 Angular CLI 控制台已启动热更新，但实际并未生效。
解决方案：
原因在于，正在使用 WSL 中的 Node，但主程序未放置在 WSL 存储目录中。Windows 底层不支持跨内核的事件推送，因此热更新失效。
修复：
要解决此问题，需要将开发程序移动到 WSL 存储目录中。例如，可以将项目目录移动到 /mnt/d/dev/my-project。
以上就是Angular 13 热更新失效，如何解决 WSL 环境下程序未放置在存储目录的问题？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2800000.html
