These are chat archives for systemjs/systemjs

4th
Jan 2016
Sandeep Srinivasa
@sandys
Jan 04 2016 08:54
anybody know what is the right (forward compatible ) way of importing css in ES6 with systemjs ? I'm looking at this question - http://stackoverflow.com/questions/24923479/can-es6s-module-loader-also-load-assets-html-css . I tried doing import 'handsontable.full.min.css!' but I get an error "🤘 Client connected. JSPM watching enabled
http://localhost:4001/css.js Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Uncaught (in promise) Error: XHR error (404 Not Found) loading http://localhost:4001/css.js(…)"
Peter Müller
@Munter
Jan 04 2016 09:01
sounds like you havent configured the location of the css loader plugin
Sandeep Srinivasa
@sandys
Jan 04 2016 09:13
@Munter - I tried to read the doc, but I was not very clear about what to do. import 'handsontable.full.min.css!' is being used inside my es6 class.
Peter Müller
@Munter
Jan 04 2016 09:59
@sandys Have you installed this? https://github.com/systemjs/plugin-css
Sandeep Srinivasa
@sandys
Jan 04 2016 11:51
@Munter - ah no. will try with "jspm install css". is that enough ?
Peter Müller
@Munter
Jan 04 2016 11:51
Maybe
DavidGangel
@DavidGangel
Jan 04 2016 12:36
Hi guys
I have a bit trouble with Angular2 beta release and with SystemJS
SystemJS tries to load crypto.js but from a location that I don't really get why from there.
If I guess correctly the crypto.js dependency comes from here:
"npm:angular2@2.0.0-beta.0": {
"crypto": "github:jspm/nodelibs-crypto@0.1.0",
"es6-promise": "npm:es6-promise@3.0.2",
"es6-shim": "npm:es6-shim@0.33.13",
"process": "github:jspm/nodelibs-process@0.1.2",
"reflect-metadata": "npm:reflect-metadata@0.1.2",
"rxjs": "npm:rxjs@5.0.0-beta.0",
"zone.js": "npm:zone.js@0.5.10"
},
for the full view I was needed to install angular2 with npm as well else I did get tsc compile issues and VS Code was also not able to find the angular modules

{
"compilerOptions": {
"module": "system",
"moduleResolution": "node",
"target": "es5",
"noImplicitAny": false,
"outDir": "./dist",
"rootDir": ".",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"sourceMap": true
},

"files": [
    "node_modules/angular2/typings/tsd.d.ts",
    "src/bootstrap.ts"
]

}

DavidGangel
@DavidGangel
Jan 04 2016 12:44
when I'm matching which libs has downloaded the npm install angular2 command I don't see that it has included crypto
maybe it's a JSPM issue?
Julien Vincent
@julienvincent
Jan 04 2016 13:40
So, react-router 2.0.0 is not out yet. But I want to use it in systemjs. So Ive done a jspm install from github and specified the version. However I dont think the downloaded package is actually usable. How do I get it to a state where I can require it
?
Julien Vincent
@julienvincent
Jan 04 2016 14:06
Don’t worry I got it working
Michael Sterba
@msterba
Jan 04 2016 18:46
@sandys Didn't get it working and gave up for now, because had to focus on something different. Stumbled over https://github.com/SebastianM/angular2-google-maps yesterday. He used SystemJS-Builder to bundle his library as cjs bundle. Haven't tried it with system modules yet, but might work the same way.