EXCEPTION: Uncaught (Versprechen): Error: Cannot find module 'app/home/home.Modul"
Ich versuche zu lazy load Winkel-2 Module mit dem router, und ich habe diesen Fehler:
error_handler.js:50 EXCEPTION: Uncaught (Versprechen): Error: Cannot find module 'app/home/home.Modul'
Ich habe versucht, alle Antworten, die scheint zu funktionieren für andere, wie dieses, das scheint zu sein, eine Lösung für alle vor diesem Problem, aber nicht mit mir Lazy loading in Angular2 RC7 und eckig-cli-webpack
hier ist mein code:app.Modul
import { MediatorService } from './home/mediator.service';
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 appRoutes from "./app.routes";
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
appRoutes
],
providers: [MediatorService],
bootstrap: [AppComponent]
})
export class AppModule { }
app.Routen
import { RouterModule } from '@angular/router';
const routes = [
{path : '', loadChildren: './home/home.module#HomeModule'},
{path: 'devis', loadChildren: './forms/forms.module#FormsModule'}
];
export default RouterModule.forRoot(routes);
Hause.Modul
import {NgModule} from "@angular/core";
import {CommonModule} from "@angular/common";
import homeRoutes from "./home.routes";
@NgModule({
imports:[CommonModule, homeRoutes],
declarations: [HomeComponent]
})
export default class HomeModule{}
Hause.Routen
import {RouterModule} from "@angular/router";
import {HomeComponent} from "./home.component";
const routes = [
{path: '', component: HomeComponent}
];
export default RouterModule.forChild(routes);
Paket.json
{
"name": "insurance",
"version": "0.0.0",
"license": "MIT",
"angular-cli": {},
"scripts": {
"ng": "ng",
"start": "ng serve",
"lint": "tslint \"src/**/*.ts\"",
"test": "ng test",
"pree2e": "webdriver-manager update --standalone false --gecko false",
"e2e": "protractor"
},
"private": true,
"dependencies": {
"@angular/common": "^2.3.1",
"@angular/compiler": "^2.3.1",
"@angular/core": "^2.3.1",
"@angular/forms": "^2.3.1",
"@angular/http": "^2.3.1",
"@angular/platform-browser": "^2.3.1",
"@angular/platform-browser-dynamic": "^2.3.1",
"@angular/router": "^3.3.1",
"bootstrap": "^4.0.0-alpha.5",
"core-js": "^2.4.1",
"font-awesome": "^4.7.0",
"rxjs": "^5.0.1",
"ts-helpers": "^1.1.1",
"zone.js": "^0.7.2"
},
"devDependencies": {
"@angular/compiler-cli": "^2.3.1",
"@types/jasmine": "2.5.38",
"@types/jquery": "^2.0.34",
"@types/node": "^6.0.42",
"angular-cli": "1.0.0-beta.24",
"codelyzer": "~2.0.0-beta.1",
"jasmine-core": "2.5.2",
"jasmine-spec-reporter": "2.5.0",
"karma": "1.2.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-remap-istanbul": "^0.2.1",
"protractor": "~4.0.13",
"ts-node": "1.2.1",
"tslint": "^4.0.2",
"typescript": "~2.0.3"
}
}
UPDATE
Schaffte ich es auf plunker :
https://plnkr.co/edit/uLxmxDIeCdDzxbFjYQS7?p=preview
aber immer noch nichts auf meinen Rechner !!!!
UPDATE
Ich installiert eine neue virtuelle Maschine ubuntu 16.04
und das gleiche problem !! könnte es sein, etwas über die Module, Versionen, ich meine die auf der Packung.json !! wie Sie wissen, was sind die verwendeten Versionen sind in plunker ? Ursache es funktionierte !!!
danke!!! ich habe dieses, aber immer noch das gleiche Problem nach dem töten ng dienen !!!
Nicht sicher, was dieses export-STANDARD-Klasse bedeutet. Entfernen Sie default.
Gelöscht DEFAULT auf home.Modul ! nichts ! gleiche Problem !
InformationsquelleAutor Zecide | 2016-12-30
Du musst angemeldet sein, um einen Kommentar abzugeben.
Landete ich auf diese Frage mit sehr ähnlichen Symptomen und Kontext, so scheint es nützlich zu bemerken, dass diese Antwort auf eine andere Frage mir geholfen.
In meinem konkreten Fall, war ich etwas folgenden die lazy feature-Module-docs, und ich auch treu versucht zu replizieren die damit verbundenen StackBlitz Beispiel code. Aus irgendeinem Grund, das Beispiel kommt mit:
Und auch wenn mein Winkel-CLI (v6) basiert experiment hatte ähnliche Ordner-Struktur, die ich brauchte, um zu tun, entweder dieses:
oder so:
Keine Ahnung, warum die StackBlitz Beispiel verschwindet mit den ersten code-Beispiel, aber die anderen beiden machen Sinn-und für mich arbeiten, wenn dabei
ng serve
.InformationsquelleAutor Jeroen
Es scheint, dass die Winkel-cli-renderer hat Probleme mit lazy loading wenn Sie
export default class SomeModule { }
...zusammen mit ein paar anderen Nuancen.Dies ist, was ich Tat, um zu lösen die gleichen "Error: Cannot find module..." ich war immer auf Heroku Bereitstellung:
loadChildren: 'app/main/some-module/some-module.module#SomeModule'
export default class SomeModule { }
zuexport class SomeModule { }
Ich habe dasselbe Problem, ändern Sie den relativen Pfad zu absoluten aufgelöst,
InformationsquelleAutor dustintheweb
Habe ich es geschafft, damit es funktioniert, hier ist was ich getan habe :
1 - Stellen Sie den routing-code in das Modul ( eine Datei )
2 - Stellen Sie die Modul-Datei im übergeordneten Verzeichnis der Komponente
3 - Löschen Sie die 'default' in der export-wie dies
export DEFAULT class HomeModule { }
wurde
export class HomeModule { }
können Sie sehen, dass es funktioniert mit der beta 24 hier :
https://github.com/mauricedb/lazy-routes
Ich weiß nicht, was passiert ist !!!
InformationsquelleAutor Zecide
Winkel-CLI: 6.1.5
Knoten: 8.11.3
OS: win32, x64
Winkel: 6.1.6
loadChildren: './Kunden/Kunden.Modul#CustomersModule' funktioniert für mich, aber ich musste neu starten-server.
InformationsquelleAutor Vishal
So dumm, wie es klingt, auf dem Winkel 6.
Ich war mit diesem Befehl
ng build --aot --watch
während der Entwicklung meiner Anwendung.Irgendwie immer in die zone, Sparte ich eine Menge von Dateien (kopieren und einfügen aus anderen Projekten). Das bauen hat funktioniert, war aber nicht, welche Fehler aber der browser zeigte diesen Fehler.
Ich geschlossen bauen, & umgebaut Sie wieder & alle die Fehler(in keinem Zusammenhang zu den oben genannten) wurden nicht gezeigt, gezeigt!!!!!.
InformationsquelleAutor Abdul Rehman Sayed