2017-01-19 2 views
0

Я изменил маршрут асинхронных маршрутов, чтобы выглядеть так.Не могу найти имя System angular 2 webpack 2

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']) 
      } 
     ] 
    } ]; 

Webpack предложил это, но я все еще получаю ошибку при проверке.

[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 но это, кажется, не имеют влияния на него кто-нибудь знает, откуда эта проблема?

+0

Насколько мне известно, система должна быть SystemJS. вы можете заглянуть в '@ types/systemjs', и вы узнаете, как это написано. – Dinistro

+0

Попробуйте добавить в index.html – Verri

+0

Но строить работы, и я не использую системные js на всех, я изменил его так, потому что маршрутизатор-загрузчик предложил его, и он все еще работает. Я не понимаю, почему я получаю эту ошибку. Событие, если я позволяю маршрутам входить так, как это «../function-maintenance.page/function-maintenance.module#FunctionMaintenanceModule» Я получаю эту ошибку – Nicu

ответ

0

Я удалил свою папку typings.json и typings, после чего переустановил все. Webpack работает сейчас, но я не понимаю, почему в папке с образцами были конфликты с конфигурацией, может ли кто-нибудь объяснить, почему?

Смежные вопросы