与最新的AspNetCore角4 Spa模板一起使用角CLI

Question

我试图使用最新的JavaScriptServices AspNetCore角度水疗模板的角度CLI。

我过去只是简单地在我的项目的根目录中复制和包装一个.ange-cli.json文件，然后将" root "：更改为"ClientApp“，这样就更好了。

但是，对于这个新版本的模板，当我运行“ng g组件mycomponent”时，它会失败，因为它找不到app.module.ts。之所以出现这种情况，是因为在这个新模板中，他们将app.module.ts拆分为3：

app.module.client.ts，app.module.server.ts，app.module.shared.ts

关于如何使这件事仍然有效，有什么想法吗？

Answer 1

解决方案

1. 将app.module.client.ts重命名为app.client.module.ts
2. 打开app.client.module.ts:在声明前面加上3个点“.”并将声明包装在括号中。 例如：[...sharedConfig.declarations, <MyComponent>]
3. 打开启动-client.ts:更新您的导入以使用新的app.client.module引用。 例如：import { AppModule } from './app/app.client.module';
4. 现在尝试生成新组件：ng g component my-component

解释

Angular在项目中查找名为app.module.ts的文件，并尝试查找用于导入组件的声明属性的引用。这应该是一个数组(就像sharedConfig.declarations那样)，但是更改不会被应用。

资料来源

• https://github.com/angular/angular-cli/issues/2962
• https://www.udemy.com/aspnet-core-angular/learn/v4/t/lecture/6848548 (第3.33节讲座撰稿人布赖恩·加尔松)