SystemJS конфликт типизации
В настоящее время я нахожусь в процессе изучения Angular2, исходя из фона AngularJS. В этом отношении я также изучаю SystemJS и Typescript.
Однако у меня проблема с запуском Angular2 с использованием типизаций Typescript и SystemJS. Использование Typescript без каких-либо типизаций работает должным образом, но как только я пытаюсь загрузить любые модули из набора Angular2, SystemJS не может решить эту проблему.
Из того, что я прочитал, наборы поставляются с angular2.dev.js, так что, пока я их импортирую, все будет в порядке?
Ошибка имеет некоторое сходство сhttps://github.com/systemjs/systemjs/issues/610, но, к сожалению, его решения не сработали для меня.
К сожалению, мой опыт работы с SystemJS и Typescript нулевой, и я просто пытаюсь настроить систему для обучения. Все библиотеки обновлены и только что были установлены с помощью npm. Результирующая сборка размещается на экспресс-сервере NodeJS, в то время как файлы Typescript и их типизация - нет.
Я получаю ошибку:
GET http://localhost:8000/angular2/angular2 404 (Not Found)
Вот заголовок моего «index.html»:
<head>
<script src="assets/js/lib/traceur.js"></script>
<script src="assets/js/lib/system.src.js"></script>
<script src="assets/js/lib/Rx.js"></script>
<script src="assets/js/lib/angular2.dev.js"></script>
<script>
System.config({
packages: {
assets: {
format: 'register',
defaultExtension: 'js'
},
}
});
System.import( 'assets/js/boot' )
.then( null, console.error.bind( console ));
</script>
</head>
Typescript-файл boot.ts (я только добавил bootstrap (), так что angular2 фактически включается в компиляцию):
import { bootstrap } from 'angular2/angular2';
bootstrap();
console.log( 'test' );
и результирующий boot.js после компиляции tsc:
System.register(['angular2/angular2'], function(exports_1) {
var angular2_1;
return {
setters:[
function (angular2_1_1) {
angular2_1 = angular2_1_1;
}],
execute: function() {
angular2_1.bootstrap();
console.log('test');
}
}
});
//# sourceMappingURL=boot.js.map
tsdconfig.json:
{
"compilerOptions": {
"target": "ES5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": true,
"noImplicitAny": false
},
"exclude": [
"node_modules"
]
}
Любая помощь очень ценится, хороших вам праздников! :)