我在以下结构中有两个angular 2应用程序:
/ app
/ app1
/ app2
/共享
在我的angular 2组件(用打字稿编写)中,我导入了几个模块(驻留在同一文件夹中)而没有任何问题:从'./test1.service'导入{TestService1};
但是,当我尝试从共享文件夹中导入某些内容时,它无法在运行时(浏览器)加载所需的模块。从“ ../shared/test2.service”导入{TestService2};浏览器显示:http://something.something.darkside/app/test2.service 404(未找到)。
我可以将defaultJSExtensions设置为true,这将解决此问题。但是我想知道如何正确配置systemjs来处理这种情况。
systemjs.config.js
(function (global) {
var ngPackageNames = [ bla, ng2packages... ];
//ng2 apps
var ngApps = [
'/app/app1',
'/app/app2'
];
var map = {
'@angular': '/node_modules/@angular',
'rxjs': '/node_modules/rxjs'
};
var packages = {
'rxjs': { defaultExtension: 'js' }
};
//adds package entries for each of the needed ng2 packages
ngPackageNames.forEach(function (pkgName) {
packages['@angular/' + pkgName] = System.packageWithIndex
? { main: 'index.js', defaultExtension: 'js' }
: { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
});
//adds map entries and package entries for the apps
ngApps.forEach(function (app) {
var appName = app.substring(app.lastIndexOf('/') + 1);
map[appName] = app;
packages[appName] = { main: appName + '.main.js', defaultExtension: 'js' };
});
System.config({ map: map, packages: packages });
})(this);
包括地图对象的文件夹路径。
var map = {
'shared' : 'app/shared',
'@angular': '/node_modules/@angular',
'rxjs': '/node_modules/rxjs'
};
添加包中添加
var packages = {
'rxjs': { defaultExtension: 'js' },
'shared': { defaultExtension: 'js' }
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句