angular - Angular 2 - SystemJS - 更改默认扩展
问题描述
我正在尝试更改 Angular 2 App 的所有文件的默认扩展名,但没有成功。
您可以在下面找到 systemjs.config.js 的配置:
(function (global) {
System.config({
paths: {
// paths serve as alias
'npm:': '/node_modules/'
},
// map tells the System loader where to look for things
map: {
// our app is within the app folder
app: 'app',
// angular bundles
'@angular/core': 'npm:@angular/core/bundles/core.umd.js',
'@angular/common': 'npm:@angular/common/bundles/common.umd.js',
'@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
'@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
'@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
'@angular/http': 'npm:@angular/http/bundles/http.umd.js',
'@angular/router': 'npm:@angular/router/bundles/router.umd.js',
'@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
// other libraries
'rxjs': 'npm:rxjs',
'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js',
'powerbi-client': 'npm:powerbi-client/dist/powerbi.js'
},
// packages tells the System loader how to load when no filename and/or no extension
packages: {
app: {
main: '/app/main',
defaultExtension: 'js?v=3.1'
},
rxjs: {
defaultExtension: 'js?v=3.1'
}
}
});
})(this);
它加载了以下代码的应用程序:
System.import('/app/main').catch(function (err) { console.error(err); });
System.defaultJSExtensions = true;
分析网络活动可以看到应用程序的默认扩展名是 .js 而不是 .js?v=3.1
我在 systemjs.config.js 配置中犯了一些错误吗?
谢谢!
解决方案
设法自己找到答案:) 波纹管您可以在 systemjs.config.js 中找到修复:
/// <reference path="node_modules/powerbi-client/dist/powerbi.js" />
/**
* System configuration for Angular samples
* Adjust as necessary for your application needs.
*/
(function (global) {
System.config({
paths: {
// paths serve as alias
'npm:': '/node_modules/'
},
// map tells the System loader where to look for things
map: {
// our app is within the app folder
app: 'app',
// angular bundles
'@angular/core': 'npm:@angular/core/bundles/core.umd.js',
'@angular/common': 'npm:@angular/common/bundles/common.umd.js',
'@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
'@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
'@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
'@angular/http': 'npm:@angular/http/bundles/http.umd.js',
'@angular/router': 'npm:@angular/router/bundles/router.umd.js',
'@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
// other libraries
'rxjs': 'npm:rxjs',
'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js',
'powerbi-client': 'npm:powerbi-client/dist/powerbi.js'
},
// packages tells the System loader how to load when no filename and/or no extension
packages: {
app: {
main: '/app/main',
defaultExtension: 'js?v=3.1'
},
rxjs: {
defaultExtension: 'js?v=3.1'
},
'/app': { defaultExtension: 'js?v=3.1' }
}
});
})(this);
推荐阅读
- javascript - .toUpperCase 将一些字符一分为二?.toLowerCase 也可以这样做吗?
- javascript - 使用 forRoot 将变量传递给模块
- javascript - 我可以将此 C# http POST 请求转换为 Azure 计算机服务到 JavaScript 吗?
- okhttp - 在 okhttp3 中对连接进行广泛的健康检查是必不可少的吗?
- android - 是否可以在不使用位置许可的情况下与 estimote 信标连接
- gruntjs - 如何在 babel 7.4 和 grunt 中使用 polyfill?
- html - Admob 广告系列中未显示 HTML5 横幅(自家广告/直销)
- html - 文本换行时消除项目之间的间隙
- flutter - 如何将列的最后一项置于底部
- python - 递归遍历tar文件,提取指定扩展名的所有文件