Aureliaクイックスタートまたは私の最初のアプリHello World - ビューモデルが見つかりませんでしたエラー2017

angle2とreactjsでいくつかの小さなアプリを実行した後、それはAureliaで私の最初の試みです。Aureliaクイックスタートまたは私の最初のアプリHello World - ビューモデルが見つかりませんでしたエラー2017

Uncaught (in promise) Error: No view model found in module "src/app". at aurelia-core.min.js:7

いかなる：私は、エラーを持っている

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/quick-start/1

：私は、クイックスタート以下とばかりに「Hello World」を表示するためにアプリを更新する私の最初のアプリでエラーが発生しています何が問題なのか？エラーは私にとっては明らかではありません。 aureliaはエラーメッセージをうまく管理しますか？

「ビューモデル」はhtmlテンプレートファイルを意味しますか？

/index.htmlが

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Aurelia</title> 
    </head> 
    <body aurelia-app="src/main"> 
    <script src="scripts/system.js"></script> 
    <script src="scripts/config-typescript.js"></script> 
    <script src="scripts/aurelia-core.min.js"></script> 
    <script> 
     System.import('aurelia-bootstrapper'); 
    </script> 
    </body> 
</html>

/src/main.ts

import {Aurelia} from 'aurelia-framework'; 

export function configure(aurelia: Aurelia) { 
    aurelia.use.basicConfiguration(); 
    aurelia.start().then(() => aurelia.setRoot()); 
}

更新：エラーがapp.ts app.tsだったが、空でした！

/src/app.ts

/src/app.html

<template> 
    <h1>${heading}</h1> 
</template>

出典

2017-03-22 stackdave

あなたapp.tsファイルの内容を投稿することができますか？ビューモデルは* .tsファイルで、ビューは* .htmlファイルです。 – Lakerfield

@Lakerfieldさん、ありがとうございました。クイックスタートWebから貼り付けた後、app.tsのコンテンツを保存しなかったというエラーが発生しました。コンテンツは空です。昨日遅くに働いていた！ – stackdave

エラー私のapp.tsが空だった、それはありません「生産ますビューモデルが見つかりました "

私たちは、アプリケーションのトラフをブートストラップしますmain.jsまたはmain.tsファイル（私たちはtypescriptですを使用している場合）

/src/index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Aurelia</title> 
    </head> 
    <body aurelia-app="src/main"> <!-- Bootstrap here --> 
    <script src="scripts/system.js"></script> 
    <script src="scripts/config-typescript.js"></script> 
    <script src="scripts/aurelia-core.min.js"></script> 
    <script> 
     System.import('aurelia-bootstrapper'); 
    </script> 
    </body> 
</html>

オーレリアは規則を持っています。 app.jsまたはapp.tsを見つけてルートモジュールとしてロードしようとします。

/src/app.ts

export class App { 
    heading = "Hello World"; 
}

出典

2017-03-22 10:06:05 stackdave

これを正解とマークしてください。 –

@JeffG 2日待つ必要があります – stackdave

Aureliaクイックスタートまたは私の最初のアプリHello World - ビューモデルが見つかりませんでしたエラー2017

答えて

関連する問題