Angulaire 2: Module non trouvé: Erreur: ne Peut pas résoudre

J'ai une simple application créée avec Angulaires-CLI, je voulais refactoriser et déplacez l'application.composante.ts code dans la composante distincte de fichier et a commencé à obtenir une méchante erreur:

Module non trouvé: Erreur: impossible de résoudre". /sb/sb.component.html' (
mon SBComponent). En vertu de la

Ce ce que j'ai:

app.module:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';
import { SBComponent  } from './sb/sb.component'

@NgModule({
  declarations: [
    AppComponent, SBComponent  
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.composant:

import { Component } from '@angular/core';
import { NgModule,ElementRef, ViewChild, AfterViewInit} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent  {


}

nouveau composant:

import { Component, OnInit } from '@angular/core';
import { NgModule,ElementRef, ViewChild, AfterViewInit, AfterContentInit} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'


@Component({

    selector: 'app-sb',
    templateUrl: './sb/sb.component.html'
})
export class SBComponent  {



}

Toute aide serait grandement appréciée!

sb.component.html existent à l'intérieur de sb dossier ? si ils sont tous les deux dans le même dossier puis essayez ce ./sb.component.html
Oui, il existe au sein de la sb dossier, app.ts existe en dehors de ce dossier.
à l'intérieur de la SBComponent changer le templateUrl à templateUrl: './sb.component.html'
Merci u! Qui a travaillé! J'ai donné une voix, ça compte comme réponse?
heureux, il a aidé 🙂

OriginalL'auteur joeCarpenter | 2017-03-04

  1. 19

    Si votre composant est dans le même répertoire, puis vous avez besoin de faire pointer votre templateUrl dans le même dossier. Voici comment vous pouvez le faire:

    @Component({
    selector: 'app-sb',
    templateUrl: './sb.component.html'
})

    OriginalL'auteur DotNet Dreamer

  2. 4

    Cette réponse peut être en retard pour cette question, mais c'est pour les autres utilisateurs qui sont réellement confrontés à ce problème. nous avons besoin de donner la bonne réponse à une telle question.

    Ce problème est bien connu, quand on est à l'aide de la composante des chemins relatifs pour les externes, les fichiers html et css. Le problème de chemin d'accès absolu et relatif chemin d'accès peut être résolu par l'ajout de métadonnées ModuleId dans le composant.

    Maintenant, ce n'ModuleId faire? ModuleId contient l'URL absolue de la classe de composant [lorsque le module fichier est chargé]

    Ce ModuleId valeur est utilisée par l'angle des processus de réflexion et le metadata_resolver composant d'évaluer l'complet composant de chemin avant que le composant est construit

    Il est très facile à utiliser. Juste ajouter une entrée dans @Composant décoratif. Plein code d'exemple ci-dessous.

     @Component({
  moduleId: module.id,    //fully resolved filename; defined at module load time
  selector: 'app-sb',
  templateUrl: 'sb.component.html' //Observe this.
})
export class SBComponent  {

}
    C'est fonctionné pour moi: @Composant({ id module:module.id, sélecteur: "mon démo', templateUrl: './input-text-validation.html' })

    OriginalL'auteur Jaydip Jadhav

  3. 2

    Essayez de donner le chemin d'accès relatif plutôt qu'absolu .

    Il sera fixer la Solution

    comme : templateUrl = '../employee/employee.html " dans votre composant.ts

    OriginalL'auteur Sarath potlacheruvu