Question

我想将ng-http-loader库添加到我的Angular5项目中，但我不知道如何使用SystemJS运行它。我知道我必须在systemjs.config中添加一些东西，但是我试图在node_modules / ng-http-loader /目录或目录本身内部定位几个文件，但我总是得到错误，他不能这样做找到模块。

  Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/ng-http-loader/ng-http-loader.module
    wrapFn@http://localhost:3000/node_modules/zone.js/dist/zone.js:1166:30
    ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:425:17
    Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:192:28
    ZoneTask.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:499:24
    invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:1540:9
    globalZoneAwareCallback@http://localhost:3000/node_modules/zone.js/dist/zone.js:1566:17

    Error loading http://localhost:3000/ng-http-loader/ng-http-loader.module as "ng-http-loader/ng-http-loader.module" from http://localhost:3000/app/app.module.js
    Stack trace:
    (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/ng-http-loader/ng-http-loader.module
    wrapFn@http://localhost:3000/node_modules/zone.js/dist/zone.js:1166:30
    ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:425:17
    Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:192:28
    ZoneTask.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:499:24
    invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:1540:9
    globalZoneAwareCallback@http://localhost:3000/node_modules/zone.js/dist/zone.js:1566:17

    Error loading http://localhost:3000/ng-http-loader/ng-http-loader.module as "ng-http-loader/ng-http-loader.module" from http://localhost:3000/app/app.module.js

我也问作者，但他对systemjs没有经验，因此无法帮助我。有没有人知道我应该定位哪个文件？

提前致谢。

Answer 1

从未使用过ng-http-loader，请尝试以此为出发点：

System.config({
    "paths": {
        "npm:": "node_modules/"
    },
    "map": {
        "ng-http-loader": "npm:ng-http-loader"
    },
    "packages": {
        "ng-http-loader": {
          "main": "ng-http-loader.module.js",
          "defaultExtension": "js"
        }
    }

除了上述之外，还可能需要其他映射。到组件文件夹等。

使用SystemJs运行ng-http-loader

1 个答案: