Search code examples
aureliajspmsystemjs

aurelia-bootstrapper not found after upgrading to jspm beta


I've upgrade to the latest JSPM

sudo npm install -g jspm@beta

And reinstalled all packages by deleting the jspm_modules folder and running

jspm install
jspm dl-loader

Now when I start my Aurelia project, I get the following output

GET http://localhost:9000/dist/app/github:aurelia/[email protected] 404 (Not Found)

I've tried deleting my config.js map configuration and having jspm rebuild it

System.config({
  "defaultJSExtensions": true,
  "transpiler": "babel",
  "babelOptions": {
    "optional": [
      "runtime"
    ]
  },
  "paths": {
    "github:*": "jspm_packages/github/*",
    "npm:*": "jspm_packages/npm/*",
    "*": "dist/*"
  }
});

System.config({
  "map": {
    "aurelia-animator-css": "github:aurelia/[email protected]",
    "aurelia-bootstrapper": "github:aurelia/[email protected]",
    "aurelia-dependency-injection": "github:aurelia/[email protected]",
    "aurelia-framework": "github:aurelia/[email protected]",
    "aurelia-http-client": "github:aurelia/[email protected]",
    "aurelia-router": "github:aurelia/[email protected]",
    "aurelia-task-queue": "github:aurelia/[email protected]",
    "aurelia-templating": "github:aurelia/[email protected]",
    "babel": "npm:[email protected]",
    "babel-runtime": "npm:[email protected]",
    "core-js": "npm:[email protected]",
    "css": "github:systemjs/[email protected]",
    "jquery": "github:components/[email protected]",
    "jssha": "npm:[email protected]",
    "materialize": "github:dogfalo/[email protected]",
    "moment": "github:moment/[email protected]",
    "numeral": "npm:[email protected]",
    "github:aurelia/[email protected]": {
      "aurelia-metadata": "github:aurelia/[email protected]",
      "aurelia-templating": "github:aurelia/[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-dependency-injection": "github:aurelia/[email protected]",
      "aurelia-metadata": "github:aurelia/[email protected]",
      "aurelia-task-queue": "github:aurelia/[email protected]",
      "core-js": "npm:[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-event-aggregator": "github:aurelia/[email protected]",
      "aurelia-framework": "github:aurelia/[email protected]",
      "aurelia-history": "github:aurelia/[email protected]",
      "aurelia-history-browser": "github:aurelia/[email protected]",
      "aurelia-loader-default": "github:aurelia/[email protected]",
      "aurelia-logging-console": "github:aurelia/[email protected]",
      "aurelia-router": "github:aurelia/[email protected]",
      "aurelia-templating": "github:aurelia/[email protected]",
      "aurelia-templating-binding": "github:aurelia/[email protected]",
      "aurelia-templating-resources": "github:aurelia/[email protected]",
      "aurelia-templating-router": "github:aurelia/[email protected]",
      "core-js": "npm:[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-logging": "github:aurelia/[email protected]",
      "aurelia-metadata": "github:aurelia/[email protected]",
      "core-js": "npm:[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-logging": "github:aurelia/[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-binding": "github:aurelia/[email protected]",
      "aurelia-dependency-injection": "github:aurelia/[email protected]",
      "aurelia-loader": "github:aurelia/[email protected]",
      "aurelia-logging": "github:aurelia/[email protected]",
      "aurelia-metadata": "github:aurelia/[email protected]",
      "aurelia-path": "github:aurelia/[email protected]",
      "aurelia-task-queue": "github:aurelia/[email protected]",
      "aurelia-templating": "github:aurelia/[email protected]",
      "core-js": "npm:[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-history": "github:aurelia/[email protected]",
      "core-js": "npm:[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-path": "github:aurelia/[email protected]",
      "core-js": "npm:[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-loader": "github:aurelia/[email protected]",
      "aurelia-metadata": "github:aurelia/[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-html-template-element": "github:aurelia/[email protected]",
      "aurelia-metadata": "github:aurelia/[email protected]",
      "aurelia-path": "github:aurelia/[email protected]",
      "core-js": "npm:[email protected]",
      "webcomponentsjs": "github:webcomponents/[email protected]"
    },
    "github:aurelia/[email protected]": {
      "core-js": "npm:[email protected]"
    },
    "github:aurelia/[email protected]": {
      "core-js": "npm:[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-dependency-injection": "github:aurelia/[email protected]",
      "aurelia-event-aggregator": "github:aurelia/[email protected]",
      "aurelia-history": "github:aurelia/[email protected]",
      "aurelia-logging": "github:aurelia/[email protected]",
      "aurelia-path": "github:aurelia/[email protected]",
      "aurelia-route-recognizer": "github:aurelia/[email protected]",
      "core-js": "npm:[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-binding": "github:aurelia/[email protected]",
      "aurelia-logging": "github:aurelia/[email protected]",
      "aurelia-templating": "github:aurelia/[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-binding": "github:aurelia/[email protected]",
      "aurelia-dependency-injection": "github:aurelia/[email protected]",
      "aurelia-logging": "github:aurelia/[email protected]",
      "aurelia-task-queue": "github:aurelia/[email protected]",
      "aurelia-templating": "github:aurelia/[email protected]",
      "core-js": "npm:[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-dependency-injection": "github:aurelia/[email protected]",
      "aurelia-metadata": "github:aurelia/[email protected]",
      "aurelia-path": "github:aurelia/[email protected]",
      "aurelia-router": "github:aurelia/[email protected]",
      "aurelia-templating": "github:aurelia/[email protected]"
    },
    "github:aurelia/[email protected]": {
      "aurelia-binding": "github:aurelia/[email protected]",
      "aurelia-dependency-injection": "github:aurelia/[email protected]",
      "aurelia-html-template-element": "github:aurelia/[email protected]",
      "aurelia-loader": "github:aurelia/[email protected]",
      "aurelia-logging": "github:aurelia/[email protected]",
      "aurelia-metadata": "github:aurelia/[email protected]",
      "aurelia-path": "github:aurelia/[email protected]",
      "aurelia-task-queue": "github:aurelia/[email protected]",
      "core-js": "npm:[email protected]"
    },
    "github:dogfalo/[email protected]": {
      "css": "github:systemjs/[email protected]",
      "jquery": "github:components/[email protected]"
    },
    "github:jspm/[email protected]": {
      "process": "npm:[email protected]"
    },
    "npm:[email protected]": {
      "process": "github:jspm/[email protected]"
    },
    "npm:[email protected]": {
      "fs": "github:jspm/[email protected]",
      "process": "github:jspm/[email protected]",
      "systemjs-json": "github:systemjs/[email protected]"
    },
    "npm:[email protected]": {
      "fs": "github:jspm/[email protected]"
    }
  }
});

However, I still get the same error.


Solution

  • In this case, the problem is in the config.js. The paths are traversed in reverse, it seems, and so changing the paths to the following resolves the issue:

    "paths": {
      "*": "dist/*",
      "github:*": "jspm_packages/github/*",
      "npm:*": "jspm_packages/npm/*"  
    }
    

    Resolves the issue.