1

それで、いくつかの Dart プロジェクトが正しく動作するようになりました。しかし、web-ui を使用しようとすると、何も機能しません。私が想定しているものをインポートしましたが、何が問題なのですか?

コードは次のとおりです (これは git から取得した例です)。

project.html :

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>Shout This!</title>
    <link rel="stylesheet" href="project.css">
  </head>
  <body>
    <h1>Shout This!</h1>

      <input type="text" bind-value="shoutThis" placeholder="Shout This!">

      <div>      Length: {{ shoutThis.length }} </div>
      <div>     Shouted: {{ shoutThis.toUpperCase() }} </div>
      <div>   Substring: {{ (shoutThis.length >= 6) ?
                         shoutThis.substring(1, 5) :
                         shoutThis.substring(0, 0) }} </div>
      <div> Palindromic: {{ palindrome() }} </div>

    <script type="application/dart" src="project.dart"></script>
    <script src="packages/browser/dart.js"></script>
  </body>
  </html>

project.dart :

  import 'dart:html';
  import 'package:web_ui/web_ui.dart';
  import 'package:web_ui/watcher.dart' as watchers;


  String shoutThis='';

  void main() {
    window.alert('test');
  }

  String palindrome() {
    var buffer = new StringBuffer(shoutThis);
    for (int i = shoutThis.length - 1; i >= 0; i--) {
      buffer.write(shoutThis[i]);
    }
    return buffer.toString();
  }

プロジェクトを起動すると、テスト メッセージが表示されましたが、Web UI が機能しません。次のようなメッセージが表示されました。

4

1 に答える 1

0

編集中のソース ファイルではなく、「out」ディレクトリ内の html ファイルをクリック (実行) します。その時点で選択したファイルをビルド/起動することを忘れないでください。

build.dart ファイルも事前に作成していることを確認してください。

于 2013-03-24T19:21:01.760 に答える