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"; 

你也呼籲在聲明它多次。你需要給每個人打一次電話。確保以不同的名稱命名，然後將每個名稱添加到聲明中。