Die Komponente ist wie folgt definiert:
import {Component} from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.less']
})
export class AppComponent {
}
Ich möchte in einige bestimmte Komponenten anstelle von "app.component.html" eine Datei mit der Erweiterung htm "app.component.htm" laden.
@Component({
selector: 'app-root',
templateUrl: './app.component.htm',
styleUrls: ['./app.component.less']
})
Aus irgendeinem Grund funktioniert es nicht. Es heißt:
ERROR in ./app.component.htm 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
<p>
app component works!
</p>
「wdm」: Failed to compile.
Bitte helfen Sie mir, einen Weg zu finden, um eine HTML-Datei zu laden. Ich bin mir bewusst, dass es eine Möglichkeit gibt, mit Webpack zu booten. Ich möchte den aktuellen Build von ng-serve \ cli angle.json beibehalten!
Vielen Dank!
angular
angular-cli
Mike
quelle
quelle
Antworten:
Aktualisieren Sie Ihre Winkelversion auf Winkel 8, dies ist in Winkel 8 festgelegt.
quelle
Es kann schwierig sein, den Winkel zu ändern, mit dem die Vorlagendateien geladen werden. Sie können sie jedoch in
@angular-builders/custom-webpack
Kombination mit demraw-loader
Importieren Ihrerhtm
Datei verwendencomponent.ts
und stattdessentemplateUrl
in Ihrer Komponentenkonfiguration verwendentemplate
und mit dem importierten Wert festlegen. Die Lösung ist in dieser SO- Frage fast beschrieben mit einigen Änderungen funktioniert sie auch für Sie:Ich habe es geschafft, diese Konfiguration in meinem lokalen System auszuführen, kann sie jedoch nicht in Stackblitz zum Laufen bringen. Nicht funktionierendes Stackblitz- Beispiel
quelle