仅在服务器重新启动后进行Angular 8材质设计

我在学习材料设计时遇到了一个问题

我从这里复制粘贴了一个材质设计示例，如下所示：

<form class="example-form">
  <mat-form-field class="example-full-width">
    <input matInput placeholder="Favorite food" value="Sushi">
  </mat-form-field>

  <mat-form-field class="example-full-width">
    <textarea matInput placeholder="Leave a comment"></textarea>
  </mat-form-field>
</form>

当我用

npm start

启动Angular服务器时，该站点位于localhost:4200上，我可以观看它。材料设计就是这样

现在有趣的事情发生了，我不知道发生了什么。保存文件后，即使只是删除一个字符并读取它，热重新加载功能也会启动并重新加载我的站点。现在我看到：

我完全不知道应该向您展示什么代码，因为我不知道发生了什么，但是如果您请求任何文件，我可以将该文件的内容放在这里

此外，我可以说我在monorepository中工作，angular项目是由nrwl创建的

我对web开发完全是新手，所以我不知道发生了什么

---

提前感谢。

删除angular项目的angular.json文件中的这一行

"aot": true

这解决了我的问题。

---

希望它也能在您的情况下发挥作用。

尝试将enableIvy true更改为false。您将在angular项目的tsconfig.app.json文件中获得它。这对我很有用。当我尝试禁用enableIvy时，我无法编译它，并显示错误消息：Angular编译器中的错误需要TypeScript>=3.4.0和ok cool。只需将enablevy设置为true，并尝试应用我发布的答案。