Angulaire 2 RC6 - “sidebar” n'est pas un élément connu

J'ai juste mis à jour pour RC6 et ont de la difficulté avec l'erreur suivante:

de la zone.min.js:1 non Gérée Promesse de rejet: Modèle erreurs d'analyse:
'sidebar' n'est pas un élément connu:
1. Si 'sidebar' est une composante Angulaire, puis vérifiez qu'il est partie de ce module.
2. Si 'sidebar' est un Composant Web puis ajouter "CUSTOM_ELEMENTS_SCHEMA" pour le " @NgModule.le schéma " de ce composant à supprimer ce message. ("

sidebar n'est pas un composant. Juste une balise html j'utilise dans un de mes modèles. Ils ressemblent à ceci:

...
<sidebar class="main-nav">
    ...
</sidebar>
...

J'ai essayé de mettre à jour mon NgModule AppModule avec CUSTOM_ELEMENTS_SCHEMA comme ceci:

@NgModule({
    declarations: [...],
    providers: [...],
    imports: [BrowserModule, routing, HttpModule, FormsModule, TranslateModule.forRoot()],
    bootstrap: [AppComponent],
    schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export class AppModule { }

Mais qui ne semble pas faire quoi que ce soit.

Personne ne l'avez une idée ou une astuce?

Il semble lié à une github question
Vous avez raison. - Je mettre en place une solution de contournement...
juste un coup d'oeil à la mine de réponse, je préfère résoudre d'une manière différente. Merci 🙂

OriginalL'auteur Philipp | 2016-09-02

  1. 10

    Grâce à Pankaj Parkar de son commentaire.

    sidebar ne semble pas être accepté. J'ai eu à mettre en œuvre une solution de contournement.

    barre latérale.la directive.ts

    import { Directive } from '@angular/core';

/**
 * dummy directive to allow html-tag "sidebar"
 */
@Directive({ selector: 'sidebar'})
export class SidebarDirective {}

    L'inclure dans app.module.ts

    @NgModule({
    declarations: [..., SidebarDirective],
...
})
export class AppModule { }
    Ok, ce fixe. Mais... vraiment? Il doit y avoir une meilleure façon... Ou quoi, maintenant nous ne sommes pas censés utiliser n'importe quel non-standard balises HTML5? 🙁
    J'ai suivi les nouvelles de boston tutoriels et je devine que ce n'est pas à jour. Pour ce que résolu, il a été l'ajout de mon composant personnalisé à l'application.le module.ts, merci! 🙂

    OriginalL'auteur Philipp

  2. 4

    Plutôt que d'aller pour workaround je dirais qu'à chaque fois que vous vouliez créer un composant, d'avoir une certaine suffixe avant de composant sélecteur. Comme suppose que mon nom de l'application est MoneyManagement alors je vais être en ajoutant mm- avant chacun de mes composant de l'application. Cette habitude va réduire les chances de conflit avec la réserve HTML tag/element ou sidebar composant ajouté par le plugin.

    Contrairement à la solution de contournement serait de ne pas travailler à l'avenir lorsque vous ajoutez bootstrap/plugin composante qui a sidebar composant déjà défini.

    Juste après ce genre de convention permettrait d'éviter ce problème à l'avenir.

    <mm-sidebar class="main-nav">
    ...
</mm-sidebar>
    Mais "sidebar" n'est pas un élément personnalisé. Il est couramment utilisé html5-tag que angular2-équipe "oublié" pour ajouter/accepter tel que permis élément.
    désolé de ma réponse avait peu de doute, veuillez regarder les mises à jour de réponse. Mon point est de ne pas utiliser des génériques sélecteur lors de la création du composant, il suffit d'avoir un certain préfixe avant pour éviter de futurs conflits dans le composant

    OriginalL'auteur Pankaj Parkar