4

Polymer を使用して Dart コードを Javascript にデプロイしているときに問題が発生しました。DartEditor でポリマー アプリケーションを作成し、簡単な例を作成しました。この例は Dartium で動作しますが、Polymer アプリ (Javascript で) としてビルドして起動しようとすると、アプリが失敗します。

Dart Polymer アプリを Javascript に変換するにはどうすればよいですか?

失敗する私が作成したコード例は次のとおりです。

example.html :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Example</title>

    <link rel="import" href="example-polymer.html">
    <script type="application/dart">export 'package:polymer/init.dart';</script>
    <script src="packages/browser/dart.js"></script>
  </head>
  <body>
      <div is="example-polymer"></div>
  </body>
</html>

example-polymer.html

<polymer-element name="example-polymer" extends="div">
  <template>
    <div>
      <input on-change="{{ change }}"/><br>
      <span>Text : {{ text }}</span>
    </div>
  </template>
  <script type="application/dart" src="example-polymer.dart"></script>
</polymer-element>

例-polymer.dart

import 'package:polymer/polymer.dart';
import 'dart:html';

@CustomTag('example-polymer')
class ExampleBolymer extends DivElement with Polymer, Observable {
  @published String text = "" ;

  ExampleBolymer.created() : super.created() {
  }

  void change(Event e, var detail , InputElement target) {
    text = target.value;
  }
}
4

1 に答える 1

6

追加

transformers:
- polymer:
    entry_points:
    - web/example.html

pubspec.yaml に追加して呼び出します

pub build

ファイルはwebパッケージのディレクトリにある必要があります。

于 2013-12-05T11:22:46.783 に答える