我想實現延遲加載。我非常肯定,我把正確的道路VideoModule,但我仍然在編譯時出錯。Angular 2懶加載編譯錯誤
這裏是我的AppModule,我定義我的路線和模塊,我想要加載懶惰。
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {HttpModule} from '@angular/http';
import {AppComponent} from './app.component';
import {MenuComponent} from './menu/menu.component';
import {RouterModule} from '@angular/router';
import {HomeComponent} from './home/home.component';
import {VideoModule} from './video/video.module';
@NgModule({
declarations: [
AppComponent,
MenuComponent,
HomeComponent,
],
imports: [
BrowserModule,
HttpModule,
VideoModule,
RouterModule.forRoot([
{path: '', component: HomeComponent},
{path: 'video', loadChildren: 'app/video/video.module#VideoModule'}
])
],
providers: [
],
bootstrap: [AppComponent]
})
export class AppModule {
}
和VideoModule
import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {VideosComponent} from './videos/videos.component';
import {VideoPlayComponent} from './video-play/video-play.component';
import {NamePipe} from './name.pipe';
import {VideoFilterPipe} from './video-filter.pipe';
import {FormsModule} from '@angular/forms';
import {RouterModule} from '@angular/router';
import {VideoPlayGuard} from './video-play.guard';
import {VideoService} from './video.service';
@NgModule({
imports: [
CommonModule,
FormsModule,
RouterModule.forChild([
{path: 'videos', component: VideosComponent}
])
],
declarations: [
VideosComponent,
VideoPlayComponent,
NamePipe,
VideoFilterPipe
],
providers: [
VideoPlayGuard,
VideoService
],
exports: [
]
})
export class VideoModule {
}
錯誤,我得到:
40% building modules 1/2 modules 1 active ...Dev\pfilter-web\src\app\app.module.tsError: No module factory available for dependency type: ContextElementDependency
at Compilation.addModuleDependencies (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:206:21)
at Compilation.processModuleDependencies (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:195:8)
at _this.buildModule.err (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:335:13)
at building.forEach.cb (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:140:27)
at Array.forEach (native)
at callback (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:140:13)
at module.build (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:167:11)
at ContextModule.<anonymous> (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\ContextModule.js:118:3)
at ContextModule.result.resolveDependencies (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@ngtools\webpack\src\plugin.js:229:25)
at ContextModule.build (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\ContextModule.js:99:7)
at Compilation.buildModule (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:142:10)
at factoryCallback (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:324:11)
at C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@angular\cli\node_modules\webpack\lib\ContextModuleFactory.js:96:12
at C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\tapable\lib\Tapable.js:204:11
at done.then (C:\Users\Stefan Antic\Dev\pfilter-web\node_modules\@ngtools\webpack\src\plugin.js:231:28)
at process._tickCallback (internal/process/next_tick.js:109:7)
70% building modules 2/2 modules 0 active(node:9200) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: callback(): The callback was already called.
webpack: wait until bundle finished:/
webpack: wait until bundle finished:/
嘗試'{路徑:「視頻',loadChildren:'./app/video/video.module#VideoModule'}' –
ERROR in Could not resolve「./app/video/video.module」from「C:/ Users/Stefan Antic/Dev/pfilter-網絡/ src目錄/應用/ app.module.ts」。 @MurhafSousli 我嘗試了很多路徑組合,它仍然不起作用 – Antic97
我不能告訴你的文件夾結構是怎樣的,試試'{path:'video',loadChildren:'./video/video.module#VideoModule '}' –