Angular2, КРАТКИ ПРОМЕНИ - Разделяне в различни модули

Опитах се да премина урока „5 MIN QUICKSTART“ от сайта на angular, но се сблъсках с някои трудности, че урокът е за 2.0.0-alpha.44, но най-новата версия е 2.0.0-alpha.53 и има някои нарушаващи промени, както разбрах е, че сега трябва да импортирате модулите в различен начин: не from 'angular2/angular2', а т.е. from 'angular2/core'.

Следователно създава някои проблеми със зареждането на модулите. Както разбрах, трябва да коригирам SystemJS по някакъв начин, за да търся модули в папка node_modules. Въпросът е: какво трябва да направя, за да накарам този урок да работи за най-новата версия на Angular 2 в момента?


angular systemjs
person aspirisen    schedule 13.12.2015    source източник
comment
Следователно създава някои проблеми със зареждането на модулите, можем ли да знаем какви са тези проблеми?   -  person Eric Martinez    schedule 13.12.2015
comment
@EricMartinez По-рано всички модули бяха взети от един файл, който беше включен в маркера на скрипта, но сега не работи, защото сега трябва да включвам модули отделно и System.js се опитва да ги зареди, но те са поставени в директорията node_modules   -  person aspirisen    schedule 14.12.2015
comment
1. вие просто се грижите всички импортирания да са от правилната дестинация, т.е. например angular2/core.... и т.н. 2. и се опитайте да вмъкнете всички js файлове в index.html в реда, за да избегнете грешки, намерих най-доброто репо тук github.com/pkozlowski-opensource/ng2-play/blob/ master/   -  person Pardeep Jain    schedule 16.12.2015

Отговори (1)


arrow_upward
1
arrow_downward

не посочихте никакъв проблем, но позволете ми да го съкратя за вас, Ето регистър на промените за angular2.

използвайте тази конфигурация за alpha53,

<script>
System.config({
  packages: {
    'app': {defaultExtension: 'js'}
  }
});
 System.import('app/app');
</script>

и импортирайте по този начин

import { provide, component } from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser' ;

ако все още не можете да го накарате да работи, опитайте вместо това да използвате стартов комплект, в крайна сметка ще разберете как работи всичко.

angular2-webpack-starter

NG6-starter

angular2-seed

person Murhaf Sousli    schedule 14.12.2015
comment
можете също да използвате insted system.config({defaultJSExtensions: true});. това също работи по същия начин. - person Pardeep Jain; 16.12.2015