Question

在使用angular2和reactjs做一些小应用程序之后，这是我与Aurelia的第一次尝试。我在快速入门后的第一个应用程序中出现错误，只是更新应用程序以显示＆＃34; hello world＆＃34;：

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

我收到了错误：

未捕获（在承诺中）错误：在模块＆＃34; src / app＆＃34;中找不到视图模型。 at aurelia-core.min.js：7

知道什么是happing？这个错误对我来说并不清楚; aurelia管理好错误消息？

＆＃34;查看模型＆＃34;是指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

export class App {
    heading = "Hello World";

}

/src/app.html

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

Answer 1

错误是我的app.ts是空的，它产生了“没有找到视图模型”

在index.html上，我们通过main.js或main.ts文件引导应用程序（如果我们使用的是打字稿）

/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>

Aurelia有一个会议。它试图找到app.js或app.ts并将其作为根模块加载。

/src/app.ts

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

Aurelia快速启动或我的第一个应用程序Hello World - 没有查看模型发现错误，2017年

1 个答案: