使用Angular CLI和最新的AspNetCore Angular 4 Spa模板

时间:2017-05-20 15:39:38

标签: javascript angular asp.net-core single-page-application angular-cli

我正在尝试将Angular CLI与最新的JavaScript服务AspNetCore Angular Spa模板一起使用。

我过去只是简单地复制并在我的项目的根目录中设置.angular-cli.json文件并将“root”更改为“ClientApp”,这样就可以了。

然而,现在使用这个新版本的模板运行'ng g component mycomponent'时,它失败了,因为它无法找到app.module.ts。原因是因为在这个新模板中,他们将app.module.ts拆分为3:

app.module.client.ts,app.module.server.ts,app.module.shared.ts

关于如何使这项工作的任何想法?

1 个答案:

答案 0 :(得分:2)

[溶液]

  1. 将app.module.client.ts重命名为app.client.module.ts
  2. 打开app.client.module.ts:在声明前加上3个点“...”并将声明括在括号中。

    例如:[...sharedConfig.declarations, <MyComponent>]

  3. 打开boot-client.ts:更新导入以使用新的 app.client.module参考。

    例如:import { AppModule } from './app/app.client.module';

  4. 现在尝试生成新组件:ng g component my-component

  5. [说明]

    Angular CLI在项目中查找名为app.module.ts的文件,并尝试查找声明属性的引用以导入组件。这应该是一个数组(作为sharedConfig.declarations是),但是没有应用更改

    [SOURCES]