Angular 4: no se pudo resolver el submódulo para enrutamiento
Estoy construyendo una aplicación web con Angular 4. Tengo un módulo de enrutamiento de nivel superior y un módulo de enrutamiento separado para cada submódulo (por ejemplo, HomeModule).
Esta es mi configuración de enrutamiento de nivel superior:
export const ROUTES: Routes = [
{path: '', loadChildren: './home#HomeModule'},
{path: '**', component: NotFoundComponent},
];
Cuando corrong server
, Me sale un error extraño, ese módulohome
no fue encontrado. La aplicación no funciona en el navegador.
La parte extraña es la siguiente: cuando se cambia un archivo y webpack vuelve a compilar el proyecto, todo funciona bien y el enrutamiento funciona.
El error solo aparece cuando estoy corriendong serve
.
Este es el error que obtengo cuando estoy corriendong serve
, no cuando el proyecto se vuelve a compilar debido a un cambio de archivo:
ERROR in Error: Could not resolve module ./home relative to /path/to/my/project/src/app/app.module.ts
at StaticSymbolResolver.getSymbolByModule (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:31884:30)
at StaticReflector.resolveExternalReference (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:30350:62)
at parseLazyRoute (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:28616:55)
at listLazyRoutes (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:28578:36)
at visitLazyRoute (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:29995:47)
at AotCompiler.listLazyRoutes (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:29963:20)
at AngularCompilerProgram.listLazyRoutes (/path/to/my/project/node_modules/@angular/compiler-cli/src/transformers/program.js:157:30)
at Function.NgTools_InternalApi_NG_2.listLazyRoutes (/path/to/my/project/node_modules/@angular/compiler-cli/src/ngtools_api.js:44:36)
at AngularCompilerPlugin._getLazyRoutesFromNgtools (/path/to/my/project/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:247:66)
at Promise.resolve.then.then (/path/to/my/project/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:538:50)
at <anonymous>
at process._tickCallback (internal/process/next_tick.js:188:7)
Gracias por adelantado.