오류 발생 모듈 ' app / dashboard / first / first.module '을 (를) 찾을 수 없습니다.

0

이상한 오류가 발생했습니다. 각도 4 기반 프로젝트를 개발 중입니다. 내 코드 구조에 따라

• 앱
• app.component.html
• app.component.ts
• app.module.ts
• app.routing.module.ts
  • 계기반
  • dashboard.component.html
  • dashboard.component.ts
  • dashboard.module.ts
  • dashboard.routing.module.ts
    • 먼저
    • first.component.html
    • first.component.ts
    • first.module.ts
    • 첫 번째. 라우팅 모듈

대시 보드에서 처음로드하려고하면 다음 오류가 발생합니다.

    ERROR Error: Uncaught (in promise): Error: Cannot find module 'app/dashboard/first/first.module'.
Error: Cannot find module 'app/dashboard/first/first.module'.
    at webpackAsyncContext (src async:14)
    at SystemJsNgModuleLoader.webpackJsonp.../../../core/@angular/core.es5.js.SystemJsNgModuleLoader.loadAndCompile (core.es5.js:5644)
    at SystemJsNgModuleLoader.webpackJsonp.../../../core/@angular/core.es5.js.SystemJsNgModuleLoader.load (core.es5.js:5632)
    at RouterConfigLoader.webpackJsonp.../../../router/@angular/router.es5.js.RouterConfigLoader.loadModuleFactory (router.es5.js:3417)
    at RouterConfigLoader.webpackJsonp.../../../router/@angular/router.es5.js.RouterConfigLoader.load (router.es5.js:3401)
    at MergeMapSubscriber.project (router.es5.js:1569)

다음은 내 app.routing.module 코드입니다.

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
     { path: '', loadChildren: 'app/login/login.module' },
    { path: 'dashboard', loadChildren: 'app/dashboard/dashboard.module' },

];

@NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})
export class AppRoutingModule { }

컴파일 할 때 오류가 없습니다. 그러나 dashboard.routing.module.ts에 공간을 추가하고 파일을 저장하면 오류가 사라지고 라우팅이 완벽하게 작동합니다. 노드 서버를 다시 시작할 때까지 원활하게 실행됩니다.

---

• 코드 app.routing.module.ts 파일을 보여줍니다. 어떻게 게으른로드 경로를 설정합니까? - Sathish Kotha
• 내 질문을 편집하고 app.routing.module 코드를 추가했습니다. - mandar
• app.routing.module.ts 파일의 첫 번째 모듈 loadchildren 경로는 어디입니까? - Sathish Kotha
• 이것을 확인하십시오.stackoverflow.com/questions/41833580/… - Sathish Kotha
• Sathish에게 감사드립니다. 링크를 통해 문제를 해결할 수있었습니다. 모든 모듈을 다시 방문하여 기본 클래스 인 AppRoutingModule {}을 (를) 내 보냅니다. 나는 디폴트를 가지고있는 다른 모듈들을 가지고있어서 문제를 일으켰다. - mandar

   const routes: Routes = [
                    { path: '', loadChildren: 'app/login/login.module#loginModule'},
                    { path: 'dashboard', loadChildren: 'app/dashboard/dashboard.module#dashboardModule' },     
                    { path: 'dashboard/first',loadChildren:'app/dashboard/first.module#firstModule'}
                 ];
               @NgModule({
                    imports: [RouterModule.forRoot(routes)],
                    exports: [RouterModule]
           })
        export class AppRoutingModule { }