角度2指令出错

时间:2016-05-04 07:16:00

标签: angular angular2-template angular2-directives using-directives

我在尝试导入组件

中的指令时遇到此错误

获取http://localhost:3000/@angular/core 404 错误:错误:加载http://localhost:3000/@angular/core(...)

时出现XHR错误(404 Not Found)

有人可以帮我吗?

2 个答案:

答案 0 :(得分:1)

您没有将@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模块。

答案 1 :(得分:0)

改变这一点
import { InMemoryBackendService, SEED_DATA } from 'angular2-in-memory-web-api';
 到 - &gt;&gt;
import { InMemoryBackendService, SEED_DATA } from 'angular2-in-memory-web-api/in-memory-backend.service';

main.ts

中的