gulpを使用してバンドルした後に角度アプリケーションを実行しようとしています。私は作成した自分のページにカスタムコンポーネントを使用しています。私は自分のページをローカルで走らせることができますが、バンドルしてgulpを使って細分化した後、私のページで使用したコンポーネントは認識されません。私はコンソールでエラーが発生している： 'mycomponent'は既知の要素ではありません。私はまた、最初にレンダリングされるべき私の成分を持つように宣言のコンポーネントを並べ替える試みた Gulpを使用してバンドルした後、角度成分が認識されない
ポイントの世話を。
設定マングルを試み、「『MyComponentの』が知られている要素ではなく、」それはセレクタを認識することができない意味しています。
、コンポーネントのクラスのメタデータに正確にこの名前を宣言していることを確認します。
@Component({
selector: 'mycomponent',
templateUrl: 'mycomponent.html',
styleUrls: ['mycomponent.css']
})
export class MyComponent implements OnInit {
}
そして、親コンポーネントで使用すると、このようにそれを使用することができます。ご返信用
<mycomponent></mycomponent>
感謝をジム 解決策はJimが述べたものに近いものでした。問題は私のセレクターがキャメルケーシングを持っていたことでした。ギャルプルバンドルは、ラクダのケースで選択されたセレクタを区別せず、HTMLテンプレート内のすべてを小文字に変換します。しかし、コンポーネントの定義には、ラクダのセレクタが含まれていました。これはセレクタの認識に問題を引き起こしていました。
子コンポーネント： @Component（{セレクタ 'mySelector'}）
親コンポーネントHTML：
<mySelector></mySelector>
バンドル子成分： セレクタ 'mySelector'
バンドル親コンポーネントHTML：
**<myselector></myselector>**
できるだけ早く助けてください。できるだけ早く問題を再現する方法を提供することをお勧めします。我々は余分な明快な魔法使いではない。コードを見ずにバグについて説明することはできません。 –
ここでhttp://stackoverflow.com/help/mcveこれは、@ JBNizetが何を言おうとしているのかを説明する必要があります。問題を実証するための例を提供する –