清除Angular 2中的缓存

Question

当前，我在Angular 2应用程序中遇到一个奇怪的问题。

我有两个添加记录和更新记录的组件，即menu-add和menu-edit。

这些组件也被注入到主模块中。

一切正常，但是我也更改了menu-add.ts和clean / build / rebuild vs project中的一些代码，但是我没有在网站上看到更改，即使在控制台中我也得到了旧代码。< / p>

那么他们有什么方法可以对module.ts中的组件进行版本控制或对整个angular app进行版本控制吗？

Answer 1

如果您使用的是Chrome浏览器：

• 打开开发人员工具（F12）
• 打开标签网络
• 选中“禁用缓存”
• 使用CTRL + F5刷新

您还可以在dist文件夹（或其他输出路径）中检查编译后的输出Javascript文件。

Answer 2

这是Angular的常见问题。有两种方法：

• 按Ctrl + F5刷新以清除缓存
• 如果您使用链接到templateUrl属性的模板文件，则可能无法使用。在这种情况下，唯一的解决方案是清除浏览器的缓存。