Angular 2 : System import app not working without file extension

Question

I'm pretty new with Angular and systemjs, but I'll try to be more specific as possible.

I'm working with angularjs2 and typescript. I compile my .ts files with a tsconfig.json. Here is my config:

Next, I want to bootstrap my application through my index.html with systemjs. But my import doesn't accept init without extension (below, my init, that actually work) :

    System.config({
        transpiler: 'typescript'
    });
    System.import('src/app.ts');

I'm forced to mention the .ts extension (same problem in ts files when I want to import handmade components).
Am I forgetting something? Documentation is a bit rough for beginners concerning first configurations.
Moreover, I've got all my scripts called in <head> (system.js, typescript.js, angular2.dev.js)

Did you find out an answer for this? I'm facing the same issue — Ayyash
– Ayyash, Commented Mar 2, 2016 at 18:45

chrisweb · Accepted Answer · 2019-02-20 10:26:10Z

5

I had a similar issue, only difference is that I'm not using angular

@Nicolas pointed into the right direction, you need to add "defaultExtension", for me the following configuration did the trick:

packages: {
    '.': {
        defaultJSExtensions: 'js'
    }
},

You can find out more about how to configure systemjs on github

UPDATE: comment from Dai:

Since systemjs 0.19 the property is defaultExtension and it defaults to *.js, so it isn't necessary to define packages members unless you're using non-default settings.

edited Feb 20, 2019 at 10:26

answered Dec 23, 2016 at 23:09

chrisweb

1,5181 gold badge19 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dai Over a year ago

Since systemjs 0.19 the property is defaultExtension and it defaults to *.js, so it isn't necessary to define packages members unless you're using non-default settings.

Nicolas Takashi · Accepted Answer · 2016-01-18 00:54:14Z

4

I'm study the new version of AngularJS and everytime that I needed to set up t SystemJS I use this configuration in my index page.

System.config({
    packages: {        
      app: {
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });

You need say what is your extension file to SystemJS load your modules, I hold it helped you.

answered Jan 18, 2016 at 0:54

Nicolas Takashi

1,7802 gold badges11 silver badges11 bronze badges

1 Comment

amantur Over a year ago

well even this does not work in chrome from vs 2015. May be iis express is doing something funny. (using system.src.js)

CESCO · Accepted Answer · 2016-04-07 11:57:00Z

2

On the angularjs Quickstart they do not mention that the packages names MUST match. I took me a while to figure it out.

System.config({
    packages: {        
      WHATEVER: {
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });
System.import('WHATEVER/app');

edited Apr 7, 2016 at 11:57

answered Apr 1, 2016 at 23:56

CESCO

7,81612 gold badges59 silver badges90 bronze badges

2 Comments

mvermand Over a year ago

Is the '.ts' required in System.import('WHATEVER/app.ts'); ? In the mentioned Angular2 Quickstart (@april 2016) they do not specify the '.ts' extension.

CESCO Over a year ago

my bad. it was a typo

Collectives™ on Stack Overflow

Angular 2 : System import app not working without file extension

3 Answers 3

1 Comment

1 Comment

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

2 Comments

Related