2015-11-24 3 views
7

Я довольно новый с Угловым и системным, но я постараюсь быть более конкретным, насколько это возможно.Угловое 2: приложение импорта системы не работает без расширения файла

Я работаю с angularjs2 и машинописным текстом. Я скомпилирую файлы .ts с помощью tsconfig.json. Вот мой конфиг:

enter image description here

Далее, я хочу, чтобы мое приложение самонастройки через мой index.html с systemjs. Но мой импорт не принимает инициализации без расширения (ниже, мой INIT, что на самом деле работает):

System.config({ 
     transpiler: 'typescript' 
    }); 
    System.import('src/app.ts'); 

я вынужден отметить расширение .ts (та же проблема в TS файлы, когда я хочу, чтобы импортировать компоненты ручной работы).
Я что-то забыл? Документация для начинающих немного грубовата относительно первых конфигураций.
Кроме того, у меня есть все мои скрипты называются в <head> (system.js, typescript.js, angular2.dev.js)

+0

вы узнали ответ на это? Я столкнулся с тем же вопросом – Ayyash

+0

Нет, к сожалению ... – KCarnaille

ответ

3

Я изучить новую версию AngularJS и каждый раз, что мне нужно, чтобы настроить t SystemJS Я использую эту конфигурацию на своей индексной странице.

System.config({ 
    packages: {   
     app: { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 

Вам нужно сказать, что ваш файл расширения для SystemJS загружает ваши модули, я держу его, помогло вам.

+1

хорошо, даже это не работает в хром от версии 2015. Может быть, iis express делает что-то смешное. (используя system.src.js) – TheVillageIdiot

-1

Я бы рекомендовал использовать процесс, описанный в Angular's 5-Min Quickstart guide. Я не уверен, что это было вокруг, когда был задан этот вопрос. Из-за того, что ваши модули загружены правильно, все догадки.

+0

, пожалуйста, напишите какой-то код, а не только ссылку @djeastm – fabersky

+1

Я бы хотел, но это было бы просто большой вырезкой и вставкой с сайта Angular. Связывание непосредственно с исходным веб-сайтом казалось самым мудрым, особенно потому, что оно включает в себя множество ссылок на примеры plunkr, документы API и т. Д. Я просто предлагал сайт, потому что я не думаю, что это было вокруг, когда KCaraille впервые опубликовал вопрос. – djeastm

+0

Тогда это должен быть только комментарий, ссылка только ответ не ответ –

1

На быстром старте angularjs они не упоминают, что имена пакетов ДОЛЖНЫ совпадать. Я взял время, чтобы понять это.

System.config({ 
    packages: {   
     WHATEVER: { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 
System.import('WHATEVER/app'); 
+0

Требуется ли '.ts' в System.import ('WHATEVER/app.ts'); ? В упомянутой программе Angular2 Quickstart (@april 2016) они не указывают расширение '.ts'. – mvermand

+0

мой плохой. это была опечатка – CESCO

4

У меня была аналогичная проблема, только разница в том, что я не использую угловой

@Nicolas указал в правильном направлении, вам нужно добавить «defaultExtension», для меня следующая конфигурация сделал хитрость:

packages: { 
    '.': { 
     defaultJSExtensions: 'js' 
    } 
}, 

вы можете узнать больше о how to configure systemjs на GitHub

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