Not bundling properly when adding a shim for CSS files in JSPM

[justindra]

I'm submitting a bug report

• Library Version: 0.6.1

Please tell us about your environment:

• Operating System: Linux (Arch)

• Node Version: 6.11.1

• NPM Version: 3.10.10

• JSPM OR Webpack AND Version JSPM 0.16.53

• Browser: all | Chrome XX | Firefox XX | Edge XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView

• Language: ESNext

Current behavior: Adding a shim to package.json under jspm overrides for flatpickr

     "npm:flatpickr@4.0.6": {
        "registry": "jspm",
        "main": "dist/flatpickr",
        "dependencies": {
          "css": "*"
        },
        "shim": {
          "dist/flatpickr": [
            "./flatpickr.css!"
          ]
        }
      }

When I add this in, then I am receiving an error on runtime of Cannot read property 'get' of undefined. Upon further inspection this is because System.registry is undefined. It looks like there is a mismatch between the bundler choosing the latest SystemJS Syntax and the actual SystemJs being loaded in.

Weirdly only happens when I add that shim for CSS. If I remove the override, all is well and there seems to be no problems at all.

• What is the expected behavior? For it to bundle properly and to be able to load on runtime.

[justindra]

Downgrading to Aurelia Bundler 0.5.0 fixes the issue for the time being.

[m-gallesio]

This also happens if SystemJS's plugin-css is installed as of 0.7.0. Again, 0.5.0 works fine.

[EisenbergEffect]

Closing this issue. The aurelia-bundler library has been superseded by the aurelia-cli.