Question

开发模式，控制台错误报告它'cannot find module user/user.module'

这个功能模块在App的主模块路由中被延迟加载，但错误仍然在我面前尖叫。我尝试动态加载子/功能模块，但仍然出现错误。我也试过npm cache clean --force，还是不行。我什至重新启动了我的电脑！我还尝试了在互联网上找到的其他解决方案，但它们没有奏效。我错过了什么或没有注意什么？！

项目的文件夹结构：

app
 |- AppModule.ts
 |- routes.ts
 |- and other.ts files
 |- user
    |- user.model.ts
    |- user.module.ts
    |- user.routes.ts

routes.ts 内容（请注意 /user route/lazy-loading:

import { Routes } from '@angular/router'

export const appRoutes: Routes = [
    { path: 'user', loadChildren: './user/user.module#UserModule'}
]

user.module.ts 内容

import { NgModule } from '@angular/core'
import { CommonModule } from '@angular/common'
import { RouterModule } from '@angular/router'

import { userRoutes } from  './user.routes'

@NgModule({
    imports: [
        CommonModule, 
        RouterModule.forChild(userRoutes),
    ],
    declarations: [
    ],
    providers: [ ]
})

export class UserModule {}

user.routes.ts 内容：

import { P } from './p.component'
import { L } from './l.component'

export const userRoutes = [
    { path: 'p', component: P },
    { path: 'l', component: L }
]

这是 HTML 中的 [routerLink] 绑定

<a [routerLink]="['user/l']">Get Help</a>

完全错误：

core.js:14597 ERROR Error: Uncaught (in promise): Error: Cannot find module 'user/user.module'
Error: Cannot find module 'user/user.module'
    at $_lazy_route_resource lazy namespace object:5
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
    at Object.onInvoke (core.js:16156)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:138)
    at zone.js:872
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:16147)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
    at resolvePromise (zone.js:814)
    at resolvePromise (zone.js:771)
    at zone.js:873
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:16147)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
    at drainMicroTaskQueue (zone.js:595)
    at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:500)
    at invokeTask (zone.js:1540)

版本：

Angular CLI: 7.1.2
Node: 8.11.2
OS: win32 x64
Angular: 7.1.2

@angular-devkit/architect         0.11.2
@angular-devkit/build-angular     0.11.2
@angular-devkit/build-optimizer   0.11.2
@angular-devkit/build-webpack     0.11.2
@angular-devkit/core              7.1.2
@angular-devkit/schematics        7.1.2
@ngtools/webpack                  7.1.2
@schematics/angular               7.1.2
@schematics/update                0.11.2
rxjs                              6.3.3
typescript                        3.1.6
webpack                           4.23.1

谢谢！

Angular 2 错误：找不到功能模块/路径

0 个答案: