dart - 如何使用 dart2js 将 Dart Polymer 应用程序部署到 Javascript

标签 dart polymer dart-polymer dart-pub dart2js

我在使用 Polymer 向 Javascript 部署 Dart 代码时遇到问题。我使用 DartEditor 创建了一个 polymer 应用程序并做了一个简单的示例。这个示例在 Dartium 中有效,但是当我尝试将其构建为 Polymer 应用程序(在 Javascript 中)并启动它时,该应用程序失败了。

我该如何将 Dart Polymer 应用程序转换为 Javascript?

这是我制作的失败的示例代码:

示例.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>

示例- 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;
  }
}

最佳答案

添加

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

到你的 pubspec.yaml 并调用

pub build

您的文件应位于包的 web 目录中。

关于dart - 如何使用 dart2js 将 Dart Polymer 应用程序部署到 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20398157/

相关文章:

flutter - 没有这样的方法错误: The getter 'isNotEmpty' was called on null

html - 如何在 dart 中查询 Paper Input 元素的输入字段

polymer - 使用浏览器服务 worker 通知新的应用程序版本

polymer - 扩展自定义行为

polymer - polymer 中的宿主与目标

Dart/polymer 加载屏幕?

dart - 移动输入号码而无需触发数字键盘

flutter - 在 flutter 中格式化按钮和嵌套ListView

flutter - 如何在 Dart/shelf 中重定向请求?

滑过时 flutter slider 不更新