«Невозможно найти систему имен» в angular2

Question

У меня есть файл маршрутов, в котором система выходит, но в моем vsc оно вызывает ошибку, не может найти имя «система». Вот я прикрепил скриншот.

Answer 1

Это происходит потому, что TypScript не знает объект System.

Установите SystemJS типизации

npm install @types/systemjs --save-dev 

Добавить ссылку на типизации в вашем tsconfig.json под types

tsconfig.json

"typeRoots": ["node_modules"] 
"types": ["system"] 

Конечно, если вы собираетесь работать этот код в браузере, вы также должны иметь SystemJS сценарий связан в вашем приложении для System.import(), чтобы сделать что-нибудь:

index.html

<script src="node_modules/systemjs/dist/system.src.js"></script> 

Sidenote:

Чтобы получить максимальную производительность от вашего приложения, вы можете в конечном итоге хотите используйте ленивую загрузку (для загрузки только тех модулей, которые нужны пользователю). Путь вы загружаете другие модули (динамическую загрузку с System.import()) не может быть совместим с отложенной загрузкой: Here is the recommended way

Рассмотрит замену:

path: 'inbox', loadChildren:()=> System.import('../inbox/inbox.module') 

С:

path: 'inbox', loadChildren: 'absolute/path/to/inbox/inbox.module#InboxModule'