Angular2 simple run error

Question

Hey In my angular2 app I m gettign this error :

Potentially unhandled rejection [3] Error loading "app" at     http://localhost:8080/app.js

I m using official example, here is code :

app.js

 import {Component, View, bootstrap} from 'angular2';
 @Component({
   selector: 'my-app'
 })
 @View({
   template: '<h1>My first Angular 2 App</h1>'
 })
 class AppComponent {
 }
 bootstrap(AppComponent);

index.html

 <!DOCTYPE html>
 <html>
   <head>
     <script src="https://github.jspm.io/jmcriffey/[email protected]/traceur-runtime.js"></script>
     <script src="https://jspm.io/[email protected]"></script>
     <script src="https://code.angularjs.org/2.0.0-alpha.26/angular2.dev.js">     </script>
   </head>
   <body>
     <my-app></my-app>
     <script>
       System.import('app');
     </script>
   </body>
 </html>

in app.js change first line to from 'angular2/angular2'

Ajden Towfeek
– Ajden Towfeek

2015-09-14 11:23:39 +00:00
Commented Sep 14, 2015 at 11:23 — Ajden Towfeek
– Ajden Towfeek, Commented Sep 14, 2015 at 11:23

Werner Swart · Accepted Answer · 2015-08-19 13:14:52Z

2

Try:

import {Component, View, bootstrap} from 'angular2/angular2';
@Component({
   selector: 'my-app'
})
@View({
   template: '<h1>My first Angular 2 App</h1>'
})
class AppComponent {
}
bootstrap(AppComponent);

answered Aug 19, 2015 at 13:14

Werner Swart

4702 gold badges5 silver badges14 bronze badges

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

Comments

exexzian · Accepted Answer · 2016-04-28 20:12:14Z

1

You are not using correct import statement.

Replace import {Component, View, bootstrap} from angular2 with

   import {Component, View} from 'angular2/core';
   import {bootstrap} from 'angular2/platform/browser'

Check the official Angular2 quick cheat sheet reference here:

edited Apr 28, 2016 at 20:12

exexzian

7,8907 gold badges43 silver badges53 bronze badges

answered Apr 28, 2016 at 18:46

Manrah

5663 silver badges13 bronze badges

Comments

Apostolos · Accepted Answer · 2022-06-29 06:28:56Z

0

As of [email protected] the namespacing on imports has changed.

import {Component, View} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';

@Component({
  selector: 'my-app'
})
@View({
  template: '<h1>My first Angular 2 App</h1>'
})
class AppComponent {}

bootstrap(AppComponent);

If you're still using an alpha version the import should be

import {Component, View, bootstrap} from 'angular2/angular2';

edited Jun 29, 2022 at 6:28

Apostolos

10.5k5 gold badges32 silver badges44 bronze badges

answered Jan 16, 2016 at 7:50

Evan Plaice

14.2k6 gold badges78 silver badges95 bronze badges

Collectives™ on Stack Overflow

Angular2 simple run error

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related