Ошибка в директивах angular 2

Я сталкиваюсь с этой ошибкой, когда пытаюсь импортировать директиву в компонент

GET http://localhost:3000/@angular/core 404 Ошибка: Ошибка: Ошибка XHR (404 Not Found) загрузка http://localhost:3000/@angular/core(…)

Может ли кто-нибудь помочь мне в этом?


person Maverick    schedule 04.05.2016    source источник
comment
Дубликат stackoverflow.com/questions/37017724/   -  person Günter Zöchbauer    schedule 04.05.2016
comment
Извините, но я этого не понял! Не могли бы вы подробнее рассказать об этом   -  person Maverick    schedule 04.05.2016
comment
Я думаю, что это дублирующий вопрос.   -  person Günter Zöchbauer    schedule 04.05.2016
comment
Я добавил webpack.config.js и system.config.js, но ошибка осталась.   -  person Maverick    schedule 04.05.2016


Ответы (2)


Вы не настроили модуль @angular/core в своей конфигурации SystemJS.

В RC-версиях еще нет файлов для Angular2. Это означает, что вам необходимо настроить модули фреймворка, как показано ниже:

var map = {
  'app': 'app',
  'rxjs': 'node_modules/rxjs',
  'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
  '@angular': 'node_modules/@angular'
};

var packages = {
  'app': { main: 'main.js',  defaultExtension: 'js' },
  'rxjs': { defaultExtension: 'js' },
  'angular2-in-memory-web-api': { defaultExtension: 'js' },
};

var packageNames = [
  '@angular/common',
  '@angular/compiler',
  '@angular/core', // <--------
  '@angular/http',
  '@angular/platform-browser',
  '@angular/platform-browser-dynamic',
  '@angular/router',
  '@angular/router-deprecated',
  '@angular/testing',
  '@angular/upgrade',
];

packageNames.forEach(function(pkgName) {
  packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
});

var config = {
  map: map,
  packages: packages
}

System.config(config);

Таким образом, вы сможете импортировать модуль @angular/core.

person Thierry Templier    schedule 04.05.2016
comment
Я попытался добавить это в файл system.config.js, но ошибка в том, что карта не определена. - person Maverick; 04.05.2016
comment
На самом деле мой фрагмент был выдержкой... Я обновил свой ответ. Подробнее см. по этой ссылке: angular.io/docs/ts/latest/quickstart.html - person Thierry Templier; 04.05.2016

изменить этот
import { InMemoryBackendService, SEED_DATA } from 'angular2-in-memory-web-api';
на ->>
import { InMemoryBackendService, SEED_DATA } from 'angular2-in-memory-web-api/in-memory-backend.service';

в вашем main.ts

person AutoMEta    schedule 31.05.2016