question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

SystemJS maps for CDK

See original GitHub issue

Bug, feature request, or proposal:

All of the CDK packages were 404ing after update. SystemJS was looking for paths like “http://mydevsite/node_modules/@angular/cdk/bundles/cdk.umd.js/table

I had to add all of the following to my systemjs.config.js '@angular/cdk': 'npm:@angular/cdk/bundles/cdk.umd.js', '@angular/cdk/a11y':'npm:/@angular/cdk/bundles/cdk-a11y.umd.js', '@angular/cdk/bidi':'npm:/@angular/cdk/bundles/cdk-bidi.umd.js', '@angular/cdk/observers':'npm:/@angular/cdk/bundles/cdk-observers.umd.js', '@angular/cdk/overlay':'npm:/@angular/cdk/bundles/cdk-overlay.umd.js', '@angular/cdk/portal':'npm:/@angular/cdk/bundles/cdk-portal.umd.js', '@angular/cdk/scrolling':'npm:/@angular/cdk/bundles/cdk-scrolling.umd.js', '@angular/cdk/platform':'npm:/@angular/cdk/bundles/cdk-platform.umd.js', '@angular/cdk/keycodes':'npm:/@angular/cdk/bundles/cdk-keycodes.umd.js', '@angular/cdk/coercion':'npm:/@angular/cdk/bundles/cdk-coercion.umd.js', '@angular/cdk/collections':'npm:/@angular/cdk/bundles/cdk-collections.umd.js', '@angular/cdk/rxjs':'npm:/@angular/cdk/bundles/cdk-rxjs.umd.js', '@angular/cdk/table':'npm:/@angular/cdk/bundles/cdk-table.umd.js'

What is the expected behavior?

Some way of only adding one map.

What is the current behavior?

I have to create a map for every module

What are the steps to reproduce?

Create an new ng project with systemJS and setup material beta10.

What is the use-case or motivation for changing an existing behavior?

Took me a bit of time to write a regex to get all the modules from the 404 list. This could get tedious if they change often.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

My package.json "@angular/animations": "^4.2.4", "@angular/material": "^2.0.0-beta.10", "@angular/cdk": "^2.0.0-beta.10", "@angular/common": "^4.2.4", "@angular/compiler": "^4.2.4", "@angular/core": "^4.2.4", "@angular/forms": "^4.2.4", "@angular/http": "^4.2.4", "@angular/platform-browser": "^4.2.4", "@angular/platform-browser-dynamic": "^4.2.4", "@angular/router": "^4.2.4", "core-js": "^2.4.1", "rxjs": "^5.4.2", "zone.js": "^0.8.14", "systemjs": "0.19.40"

Running Windows10, “typescript”: “~2.3.3”

Is there anything else we should know?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
dylanbaxtercommented, Jan 28, 2018

+1 Where are these “docs” with the new mappings anyway?

3reactions
jelbourncommented, Sep 19, 2017

We can’t make them one entry in the map without making them all one UMD bundle, unfortunately. I suppose we could create something like cdk-all, but this would end up quite large in the long term (a big part of why we broke it up to begin with).

We could probably make it easier to copy-paste the System config you would need from the docs, though.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Adding Material To Our Angular App (System JS) - Medium
After wasting 2–3 days, I realised that there is something wrong with the Mapping part of Angular Material with my SystemJS.
Read more >
How i can import primeng9 with systemjs? - PrimeFaces forum
appVersion, '@angular/cdk/observers': ... map tells the System loader where to look for things map: { // our app is within the app folder ......
Read more >
Angular 7: What's the updated systemjs.config.js?
Here is an example systemjs.config.js for Angular 7. ... map tells the System loader where to look for things map: { // our...
Read more >
class Map (construct) · AWS CDK
A Map state can be used to run a set of steps for each element of an input array. A Map state will...
Read more >
Infrastructure as Code with AWS CDK - David Barreto
Developer Advocate at StarkWare with a Bachelor's degree in Electronics Engineering and a Master's degree in Systems Engineering. He is ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found