我在Angular 2中设置路由,根据website的文档,所有内容都是相同的。
以下是我在app.component.ts
中导入的示例import {Component} from '@angular/core';
import {ROUTER_DIRECTIVES} from '@angular/router';
@Component({
selector: 'my-app',
templateUrl: 'app/templates/html/app.component.html',
directives: [ROUTER_DIRECTIVES]
})
export class AppComponent{
}
不幸的是我收到了这个错误。
我看看我的文件树,我注意到@ angular / router
里面没有 bundles 文件夹这是一个错误吗?我怎样才能解决这个问题?谢谢!
答案 0 :(得分:2)
这是来自 systemjs 文件。
首先,您可以映射ng2路由器模块,类似于您的应用:
var map = {
<...>
'@angular/router': 'node_modules/@angular/router',
<...>
};
接下来为它设置packIndex:
packages['@angular/router'] = { main: 'index.js', defaultExtension: 'js' };
要修复此错误,请根据您的具体情况调整以下代码。
请注意您要使用的不同ng2模块和版本以及您的应用名称(如果适用,请更改):
(function(global) {
// map tells the System loader where to look for things
var map = {
'YourApp': 'YourApp', // 'dist',
'@angular': 'node_modules/@angular',
'@angular/router': 'node_modules/@angular/router',
'rxjs': 'node_modules/rxjs'
};
// packages tells the System loader how to load when no filename and/or no extension
var packages = {
'YourApp': { main: 'app.js', defaultExtension: 'js' },
'rxjs': { defaultExtension: 'js' }
};
var ngPackageNames = [
'common',
'forms',
'compiler',
'core',
'http',
'platform-browser',
'platform-browser-dynamic',
'router-deprecated',
'upgrade',
];
// Individual files (~300 requests):
function packIndex(pkgName) {
packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
}
// Bundled (~40 requests):
function packUmd(pkgName) {
packages['@angular/'+pkgName] = { main: 'bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
}
packages['@angular/router'] = { main: 'index.js', defaultExtension: 'js' };
// Most environments should use UMD; some (Karma) need the individual index files
var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
// Add package entries for angular packages
ngPackageNames.forEach(setPackageConfig);
var config = {
map: map,
packages: packages
};
System.config(config);
})(this);
答案 1 :(得分:1)
路由器包目前还没有捆绑包。
请检查您的systemjs配置。我忘了你忘了以下一行:
// No umd for router yet
packages['@angular/router'] = { main: 'index.js', defaultExtension: 'js' };
另见https://github.com/alexzuza/angular2-typescript-systemjs/blob/master/systemjs.config.js#L40