如何让ng-http-loader在Angular5项目的SystemJS环境下运行？

我之前在Angular 5 + SystemJS环境下配置ng-http-loader时也碰到过一模一样的404问题，折腾了好一会儿才搞定，分享下我的解决步骤：

第一步：确保安装兼容Angular 5的库版本 #

ng-http-loader的新版本已经不再支持Angular 5了，所以首先得安装适配的旧版本，执行这条命令：

npm install ng-http-loader@1.0.0 --save

第二步：修改SystemJS配置文件 #

打开你的systemjs.config.js，在map对象里添加对ng-http-loader的映射，指向它的UMD打包文件——这是SystemJS能识别的格式：

map: {
  // 保留你已有的其他映射...
  'ng-http-loader': 'node_modules/ng-http-loader/bundles/ng-http-loader.umd.js'
}

第三步：修正模块导入语句 #

之前你可能在app.module.js里写了类似这样的导入：

import { NgHttpLoaderModule } from 'ng-http-loader/ng-http-loader.module';

现在改成直接导入库的顶级模块：

import { NgHttpLoaderModule } from 'ng-http-loader';

最后：重启开发服务器 #

修改完配置后，一定要重启你的本地开发服务器，让SystemJS加载新的配置。

这样配置后，SystemJS就能正确找到ng-http-loader的模块文件，不会再报404错误了。我当时就是因为一开始没找对UMD打包文件的路径，才一直报错，这个方法亲测有效~

内容的提问来源于stack exchange，提问作者Withtaker