我想为模块设置延迟加载,但是有一个我无法解决的错误。
错误是:
core.js:15724错误错误:未捕获(已承诺):错误:找不到模块'app / invoice-builder / invoice-builder.module'错误:无法找到模块'app / invoice-builder / invoice-builder.module'
app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{
path: 'invoice-builder',
loadChildren : 'app/invoice-builder/invoice-builder.module#InvoiceBuilderModule'
},
{
path: '**',
redirectTo: 'invoice-builder'
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import { from } from 'rxjs';
import { MaterialModule } from './shared/material.module';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule,
MaterialModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
我不明白这里发生了什么。我尝试使用两次重新启动项目,npm start
但没有成功。任何帮助将非常感激。
该问题可能是由于您定义路径的方式引起的。
来自懒加载模块的官方角度文档
注意,延迟加载语法使用loadChildren,后跟一个字符串,该字符串是模块的相对路径,井号或#,以及模块的类名。
尝试将您的路径更新为:
loadChildren : './app/invoice-builder/invoice-builder.module#InvoiceBuilderModule'
或者根据您的文件结构,您可能不需要,./app
在这种情况下,您可以尝试
loadChildren : './invoice-builder/invoice-builder.module#InvoiceBuilderModule'
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句