Angular 5白屏问题

Question

我的Angular应用突然出现了白屏...

我是使用@angular/cli中的ng serve命令启动应用的。

---

资源已加载，但是 main.ts 文件从未被触及，并且控制台中没有错误。

即使我修改了一些文件，Webpack仍然不断地说没有更改的块。

我尝试过：

• 刷新浏览器
• 在另一个浏览器中打开应用程序
• 重新启动webpack服务器。
• 回到以前的工作提交
• 使用ng build --prod构建应用程序，并使用HTTP服务器运行输出
• 重新安装@angular/cli

应用程序：

环境：

- Maxime Gélinas

---

你有任何错误吗？ - Aravind

不，控制台是空的，我没有收到来自@angular/cli的错误。 - Maxime Gélinas

Answer 1

我通过逐个检查最后提交的每个版本来解决了我的问题，直到我找到了有问题的版本。问题出在 tsconfig.json 文件中，所以我取消了那个版本的提交。我仍然不知道为什么这个配置文件 (tsconfig.json) 会破坏构建过程，也不知道为什么没有错误消息。

以下是回滚版本的提交记录：

- Maxime Gélinas

---

“noEmit: true” 不是告诉 TypeScript 编译器不要发出 JavaScript 吗？这就解释了为什么您的 “main.ts” 从未被执行 - 因为它没有被 TypeScript 发出。 - Marc J. Schmidt

Answer 2

（我没有足够的声望来添加评论，所以我发布了一个替代答案）。

在大约一个小时后，我发现我的代码中*ngFor格式不正确，导致Angular 7.0.0-rc1出现白屏死机无错误。

我写成了：*ngFor="let client in quote.clients"

而应该是：*ngFor="let client of quote.clients"

这通常会在构建时或控制台中给出良好的消息，但由于某种原因，它目前只有白屏和没有错误，并且可以正常构建。

希望这能为某人节省一些时间。

- cooLLedge