3

だから私はAngularを学び始めています.2.0から始めています.1を壊すので、Angular Webサイトからクイックスタートアプリケーションを動作させようとしています.

指示に従ってコードをセットアップし、IIS でソース コード ディレクトリを指すように Web サイトをセットアップしましたが、エラーが発生します。

Uncaught (in promise) Error loading "app" at http://localhost:88/app.js
http://localhost:88/app.js:1:46: Unexpected token angular2

IIS でこのアプリをセットアップした人はいますか? もしそうなら、お手伝いできますか?

ファイル app.js:

import {Component, Template, bootstrap} from angular2/angular2;

//Annotation section
@Component({
    selector: 'my-app'
})

@Template({
    inline: '<h1>Hello {{name}}</h1>'
})

//Component controller
class MyAppConponent{
    constuctor(){
        this.name = 'Alice';
    }
}

bootstrap(MyAppConponent);

ファイル index.html

<!-- index.html -->
<html>
    <head>
        <title>Angular 2 Quickstart</title>
        <script src="/quickstart/dist/es6-shim.js"></script>
    </head>
    <body>
        <!-- The app component created in app.es6 -->
        <my-app></my-app>

        <script>
            // Rewrite the paths to load the files
            System.paths = {
                'angular2/*':'/quickstart/angular2/*.js', // Angular
                'rtts_assert/*': '/quickstart/rtts_assert/*.js', // Runtime assertions
                'app': 'app.js' // The my-app component
            };
            // Kick off the application
            System.import('app');
        </script>

    </body>
</html>

さらに-サイトが示しているようにアプリファイルにapp.es6という名前を付けましたが、es6は新しいjavascript標準であり、ブラウズがまだそれをサポートしていない可能性があるため、拡張子が違いを生むかどうかを見ていました。

GET http://localhost:88/app.es6 404 (見つかりません)

その拡張子のエラーとして。

ブラウザに Chrome Canary を使用しています

4

3 に答える 3

2

構文エラーのようです

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

修正する必要があります

于 2015-03-25T16:30:19.927 に答える
0

app.js は app.ts である必要があります。typescript ウォッチャーがセットアップされていることを確認してから、アプリを再起動します。

于 2015-12-21T18:46:33.217 に答える