我在使用 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/