Angular 2组件名称重复

Question

Angular的新手2.创建一个应用程序，组件放在相关文件夹中，如附图所示。结构如下：

- app
--components
---users
----create
----edit
---collaborations
----create
----edit

关于构建（ng服务）错误：[默认]中的错误

...\src\app\app.module.ts:9:9    Duplicate identifier 'CreateComponent'.  

我该如何解决这个问题？

Answer 1

您要两次导入CreateComponent。导入时，实际上是在添加类！因此，请进入其中一个组件文件并重命名组件类。然后在必填字段中更改它。

第一个组件

export class FirstComponent implements OnInit {

    constructor( private router: Router) { }

    ngOnInit() { }
}

第二部分

export class SecondComponent implements OnInit {

    constructor( private router: Router) { }

    ngOnInit() { }
}

现在要导入它们，

import { FirstComponent }                          from "./first-component";
import { SecondComponent }                          from "./second-component";

此外，您在声明中多次调用它。你需要打一次电话。确保以不同方式命名它们，然后将每个名称添加到声明中。