2016-11-21 17 views
-2

初心者は角2になります。アプリケーションを作成すると、コンポーネントは添付の写真のように関連するフォルダに配置されます。 (NGサーブ)ビルドで角2コンポーネント名が重複

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

エラー:[デフォルト]

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

私はこれをどのように修正することができますでERROR構造としてありますか? enter image description here

答えて

0

CreateComponentを2回インポートする必要があります。インポートすると実際にクラスが追加されます!したがって、これらのコンポーネントファイルのいずれかに移動し、コンポーネントクラスの名前を変更します。その後、必要なフィールドで変更します。

まずコンポーネント

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

。それぞれを一度呼び出す必要があります。別の名前を付けるようにして、それぞれを宣言に追加してください。

+0

名前の変更や名前の異なるコンポーネントの作成のように見えます。他の修正方法はありますか? – Sami

+0

これが役立つかもしれません、https://github.com/angular/angular/issues/10538 – wuno

関連する問題