Also nach viel Kämpfen mit Versionen, habe ich eine neue angular-cli gestartet App, tat alles nach der Angular2-Materialien readme, bekam Knöpfe und Karten zu laden und zu kompilieren und meine App lädt immer noch richtig.Angular2-Materialien: Importieren von MdSidenavModule bricht Anwendung?
Ich fügte dann einen Import für MdSidenavModule in meine Komponente, alles ist gut. Am Anfang meiner app.module Datei, dann rufe ich den Import für MdSidenavModule, und in der @ NgModule ich MdSidenavModule in den Import-Abschnitt, wie ich für Buttons und Karten. Außer wenn ich das mache und speichere, kompiliert meine App richtig, aber es verlässt nie "Laden ..." und geht in meine Komponente, die "App funktioniert!" wie die Standard-angular-cli-App.
Jede Hilfe würde sehr geschätzt werden!
Der Fehler im in der Konsole bekommen ist
zone.js:101 GET http://localhost:4200/vendor/@angular2-material/sidenav 404 (Not Found)scheduleTask @ zone.js:101ZoneDelegate.scheduleTask @ zone.js:336Zone.scheduleMacroTask @ zone.js:273(anonymous function) @ zone.js:122send @ VM1125:3fetchTextFromURL @ system.src.js:1154(anonymous function) @ system.src.js:1735ZoneAwarePromise @ zone.js:584(anonymous function) @ system.src.js:1734(anonymous function) @ system.src.js:2759(anonymous function) @ system.src.js:3333(anonymous function) @ system.src.js:3600(anonymous function) @ system.src.js:3985(anonymous function) @ system.src.js:4448(anonymous function) @ system.src.js:4700(anonymous function) @ system.src.js:406ZoneDelegate.invoke @ zone.js:323Zone.run @ zone.js:216(anonymous function) @ zone.js:571ZoneDelegate.invokeTask @ zone.js:356Zone.runTask @ zone.js:256drainMicroTaskQueue @ zone.js:474ZoneTask.invoke @ zone.js:426
zone.js:461 Unhandled Promise rejection: Error: XHR error (404 Not Found) loading http://localhost:4200/vendor/@angular2-material/sidenav
at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:4200/vendor/zone.js/dist/zone.js:769:30)
at ZoneDelegate.invokeTask (http://localhost:4200/vendor/zone.js/dist/zone.js:356:38)
at Zone.runTask (http://localhost:4200/vendor/zone.js/dist/zone.js:256:48)
at XMLHttpRequest.ZoneTask.invoke (http://localhost:4200/vendor/zone.js/dist/zone.js:423:34)
Error loading http://localhost:4200/vendor/@angular2-material/sidenav as "@angular2-material/sidenav" from http://localhost:4200/app/app.module.js ; Zone: <root> ; Task: Promise.then ; Value: Error: Error: XHR error (404 Not Found) loading http://localhost:4200/vendor/@angular2-material/sidenav(…)consoleError @ zone.js:461_loop_1 @ zone.js:490drainMicroTaskQueue @ zone.js:494ZoneTask.invoke @ zone.js:426
zone.js:463 Error: Uncaught (in promise): Error: Error: XHR error (404 Not Found) loading http://localhost:4200/vendor/@angular2-material/sidenav(…)
Hier ist meine app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MdCardModule } from '@angular2-material/card';
import { MdButtonModule } from '@angular2-material/button';
import { MdSidenavModule } from '@angular2-material/sidenav';
import { AppComponent } from './app.component';
@NgModule({
imports: [ BrowserModule, MdButtonModule, MdCardModule, MdSidenavModule],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }
Und mein app.component.ts
import { Component } from '@angular/core';
import { MdCardModule } from '@angular2-material/card';
import { MdButtonModule } from '@angular2-material/button';
import { MdSidenavModule } from '@angular2-material/sidenav';
@Component({
moduleId: module.id,
selector: 'app-root',
templateUrl: 'app.component.html',
styleUrls: ['app.component.css']
})
export class AppComponent {
title = 'app works!';
}
Ich habe double checked und sidenav ist installiert, aber ich habe es auch neu installiert, nur um sicher zu sein. Nicht sicher, was ich vermisse.
Wenn Ihre App nicht geladen wird, liegen Fehler vor. Überprüfen Sie die Konsole und fügen Sie sie Ihrem Post hinzu. Auch ein Teil Ihres Codes wird dazu beitragen, dass jemand Ihnen hilft. – ABabin
Tut mir leid, ich habe festgestellt, dass ich das getan haben sollte, es scheint ein 404 nicht gefunden zu werden, obwohl das Modul installiert ist? – user1024792
In dem Code, den Sie bisher gepostet haben, sieht alles gut aus. Können Sie den Abschnitt 'Benutzerkonfiguration' Ihrer 'system-config.ts' hinzufügen? – ABabin