Angular编译器需要与模板相关的模块和组件文件才能正确编译模板。因此,如果你在修改模板时没有保存相关的模块和组件文件,那么编译器就无法理解模板中使用的组件和指令,从而导致编译错误。
解决此问题的一种方式是及时保存相关的模块和组件文件。这可以通过使用IDE或代码编辑器提供的自动保存功能来实现。在大多数编辑器/IDE中,你可以通过以下配置来启用此功能:
VS Code: 打开设置(Ctrl + Comma),搜索'files.autoSave”,并将其设置为'afterDelay”,从而在你暂停输入一段时间后自动保存文件。
WebStorm: 打开设置(Ctrl + Alt + S),搜索'Save files on frame deactivation”,并将其选中以在你切换到其他窗口时自动保存文件。
另外,你还可以将Angular编译器的自动刷新功能与自动保存功能结合使用,从而在修改模板后自动重新编译你的应用程序。这可以通过在'angular.json”文件中设置'poll”选项来实现:
"projects": { "my-project": { "architect": { "build": { "options": { "poll": 5000 } } } } }
设置'poll”选项会告诉编译器每隔5秒钟检查一次文件系统以查看是否有更改,从而自动重新编译应用程序。