Angular 5 - 为什么我在Chrome的调试器中看不到所有的TypeScript模型?

时间:2018-03-01 15:10:32

标签: angular typescript webpack google-chrome-devtools angular-cli

我试图在Chrome中调试我的Angular 5应用。

我已经使用 ng cli 创建了它,并且我使用 ng serve 运行它。

我的模型文件夹有7个TypeScript文件/类和一个包含4个文件/类的子文件夹,但在Chrome的开发者工具中,我只看到总共3个文件。

enter image description here

任何想法为什么?

注意:我会根据需要提供更多信息......作为一名Angular初学者,我只是不知道您需要回答的其他信息,所以请随时询问。

1 个答案:

答案 0 :(得分:2)

当Angular编译时,它不会加载未使用的模型。我敢打赌,你看到这三个模型,因为你已经在代码中的某个地方声明了它们,而不是其他没有显示的模型。

如果您在其中一个组件中导入模型

,则可以快速验证
import { SomeModel } from './someModel';

并创建一个新的实例

public something= new SomeModel(1,'','');

然后,您应该看到源目录中显示的所有模型文件。