Как исправить ошибку 'Unexpected token import'?

Question

[No Name]

Пишу приложение на Angular 2 + Typescript. Сборку проекта выполняю через Webpack.
Вот исходники клиентского приложения:
https://github.com/alex-chaliy/contacts-ng2/tree/m...

Webpack всёнормально собирает и не выдаёт ошибок, но в консоли браузера возникает ошибка
'Unexpected token import', когда я пытаюсь подключить компоненты ангуляра через import.

Answer 1

[Алексей Зуев]

1) tsconfig.json

"module": "es6", => "module": "commonjs",

2) package.json

"dependencies": {
    "angular2": "^2.0.0-beta.21",
    "rxjs": "^5.0.0-rc.4",
   +"reflect-metadata": "0.1.2",
   +"zone.js": "^0.6.11"
}

3) entry file app.ts

Добавьте сверху

import 'reflect-metadata';
import 'zone.js';

И наверно можно использовать не бету версию, а что-то по-новее

Comments

[No Name]

Спасибо, сейчас попробую

[No Name]

Спасибо тебе, просто выручил, заработало :))))))))))) Полдня не мог решить эту проблему

[Алексей Зуев]

Алексей Чалый: Пожалуйста!)