Не удалось загрузить xxx.component.html

У меня возникла странная проблема. Поскольку мой модуль растет, я решил создать несколько подпапок и поместить в подпапки мои компоненты.Не удалось загрузить xxx.component.html

Вот моя новая структура:

claimfile/ 
    appendix-tabs/ 
     appendix-tabs.component.html 
     appendix-tabs.component.ts 
    quick-create/ 
     quick-create.component.html 
     quick-create.component.ts 
    claimfile.component.html 
    claimfile.component.less 
    claimfile.component.ts 
    claimfile.module.ts

Я использую Webpack, и я указываю все мои styleUrls и templateUrl с относительными путями. Но теперь у меня есть это сообщение:

zone.js?fad3:1274 GET http://192.168.33.10:7777/appendix-tabs.component.html 404 (Not Found) 

Unhandled Promise rejection: Failed to load appendix-tabs.component.html ; Zone: <root> ; Task: Promise.then ; Value: Failed to load appendix-tabs.component.html 

undefinedError: Uncaught (in promise): Failed to load appendix-tabs.component.html(…)

Это происходит из-добавления компонента, который не может загрузить его шаблон:

отростка-tabs.component.ts:

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

@Component({ 
    selector: 'prop-appendix-tabs', 
    templateUrl : './appendix-tabs.component.html' 
}) 
export class AppendixTabsComponent { 

    constructor() {} 
}

Чтобы заставить его работать, я должен указать абсолютный путь из моего index.html:

templateUrl : 'app/claimfile/appendix-tabs/appendix-tabs.component.html'

Теперь я не понимаю, что ... он отлично работает для компонента быстрого создания. И нет ничего другого в декораторе:

быстродействующего create.component.ts:

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

@Component({ 
    selector: 'prop-claimfile-quick-create', 
    templateUrl: './quick-create.component.html' 
}) 
export class QuickCreateComponent { }

Он также работает для claimfile.component, которая является начальной загрузкой компонент модуля.

Другое: когда я устанавливаю абсолютный путь и редактирую шаблон, перезагрузка не запускается, это похоже на то, что файл не просматривался Webpack. Кроме того, я не использую moduleId: module.id в компоненте, потому что, кажется, не работает с Webpack

compiler.umd.js?9df7:13350 Uncaught TypeError: uri.match is not a function

Любые идеи, где он может прийти от? Это не первый раз это случилось, я уже испытал такой вопрос

Thx за помощь

источник

2016-10-17 DlafCreative

вы пробовали 'templateUrl:.? быстросхватывающиеся create.component.html'' – Sefa

@ SefaÜmitOray Я думаю, проблема связана с 'appendix-tabs.component.html'. – micronyks

То же самое относится и к этому. – Sefa

Я это problem.It просто внезапно появились без объяснения :(

Я обнаружил, что использование требует на шаблон фиксированной не сразу Понятия не имею, почему ....

@Component({ 
    selector: 'home', 
    template: require('./home.component.html') 
}) 
export class HomeComponent {}

}

источник

2017-09-01 03:59:09 davaus

Не удалось загрузить xxx.component.html

ответ

Смежные вопросы