이름을 찾을 수 없습니다 시스템 각도 2 webpack 2

Question

내 비동기 경로로드를 다음과 같이 변경했습니다.

import { Routes } from '@angular/router'; 

import { RoleModel, ConfigurationResolverService } from '../shared/services'; 

import { UnitMaintenancePage } from '../unit-maintenance.page/unit-maintenance.page'; import { TimeEntryPage } from '../time-entry.page/time-entry.page'; import { LayoutMainPage } from './layout-main.page'; import { DashboardPage } from '../dashboard.page/dashboard.page'; import { PayTypesPage } from '../pay-types.page/pay-types.page'; import { LayoutMainAuthGuardService } from './layout-main-auth-guard.service'; 

/** * Here are the application routes */ 

export const layoutMainRoutes: Routes = [ 
    { 
     path: '', 
     component: LayoutMainPage, 
     canActivate: [LayoutMainAuthGuardService], 
     data: { roles: [RoleModel.ADMIN] }, 
     // canActivate: [ActivateRouteGuardService], 
     children: [ 
      { 
       path: '', 
       loadChildren:() => System.import('../dashboard.page/dashboard.module').then(module => module['DashboardModule']) 
      }, 
      { 
       path: 'holiday-maintenance', 
       loadChildren:() => System.import('../holiday-maintenance.page/holiday-maintenance.module').then(module 
=> module['HolidayMaintenanceModule']) 
      }, 
      { 
       path: 'unit-maintenance', 
       loadChildren:() => System.import('../unit-maintenance.page/unit-maintenance.module').then(module 
=> module['UnitMaintenanceModule']) 
      }, 
      { 
       path: 'time-entry', 
       loadChildren:() => System.import('../time-entry.page/time-entry.module').then(module => module['TimeEntryModule']) 
      }, 
      { 
       path: 'shift-maintenance', 
       loadChildren:() => System.import('../shift-maintenance.page/shift-maintenance.module').then(module 
=> module['ShiftMaintenanceModule']) 
      }, 
      { 
       path: 'pay-types', 
       loadChildren:() => System.import('../pay-types.page/pay-types.module').then(module => module['PayTypesModule']) 
      }, 
      { 
       path: 'category-maintenance', 
       loadChildren:() => System.import('../category-maintenance.page/category-maintenance.module').then(module 
=> module['CategoryMaintenanceModule']) 
      }, 
      { 
       path: 'employee-maintenance', 
       loadChildren:() => System.import('../employee-maintenance.page/employee-maintenance.module').then(module 
=> module['EmployeeMaintenanceModule']) 
      }, 
      { 
       path: 'employee-overrides', 
       loadChildren:() => System.import('../employee-overrides.page/employee-overrides.module').then(module 
=> module['EmployeeOverridesModule']) 
      }, 
      { 
       path: 'timekeeper-maintenance', 
       loadChildren:() => System.import('../timekeeper.page/timekeeper.module').then(module => module['TimekeeperMaintenanceModule']) 
      }, 
      { 
       path: 'sub-category', 
       loadChildren:() => System.import('../sub-category.page/sub-category.module').then(module 
=> module['SubCategoryModule']) 
      }, 
      { 
       path: 'function-maintenance', 
       loadChildren:() => System.import('../function-maintenance.page/function-maintenance.module').then(module 
=> module['FunctionMaintenanceModule']) 
      } 
     ] 
    } ]; 

웹팩이 제안했지만 여전히 오류가 있습니다.

[at-loader] Checking finished with 12 errors 
Error in bail mode: [at-loader] src\app\layout-main.page\layout-main.routes.ts:26:37 
    Cannot find name 'System'. 

나는 @types/systemjs를 설치했는데이 사람이 문제가 어디에서 알 수 있습니까 그것은에 영향을하지 않는 것?

Answer 1

내 typings.json 및 타이핑 폴더를 삭제 한 후 모든 것을 재설치했습니다. Webpack은 지금 작동하지만 왜 입력 폴더가 구성과 충돌했는지 사람이 이해할 수없는 이유는 누구입니까 이유를 설명 할 수 있습니까?