How to compile Typescript with Angular 2?

Question

I get the following errors:

Error:(7, 5) TS1148: Cannot compile modules unless the '--module' flag is provided.
Error:(7, 40) TS2307: Cannot find module 'angular2/angular2'.
Error:(8, 5) TS1205: Decorators are only available when targeting ECMAScript 5 and higher.
Error:(12, 11) TS1219: Experimental support for decorators is a feature that is subject to change in a future release. Specify '--experimentalDecorators' to remove this warning.

Not sure what to do. I've trying out the quickstart tutorial on Angular site, below is my code. I think something needs to be done in conjuction with typescript, but what?

app.ts

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

bootstrap(AppComponent);

index.html

<html>
  <head>
    <title>Angular 2 QuickStart</title>
    <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script src="https://code.angularjs.org/2.0.0-alpha.44/angular2.dev.js"></script>
    <script>
      System.config({
        transpiler: 'typescript',
        typescriptOptions: { emitDecoratorMetadata: true }
      });
      System.import('./app.ts');
    </script>
  </head>
  <body>
    <my-app>loading...</my-app>
  </body>
</html>

Luca · Accepted Answer · 2015-11-06 17:11:14Z

1

I think you need tsconfig.json file. Here a sample content:

 {
  "compilerOptions": {
    "target": "ES5",
    "module": "commonjs",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  }
}

answered Nov 6, 2015 at 17:11

Luca

4,2831 gold badge23 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

How to compile Typescript with Angular 2?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related