Dart 以编程方式创建聚合元素

我有一个现有的应用程序（使用canvas标签的游戏），我想尝试使用PolymerDart为它创建UI元素（想想设置屏幕、与游戏中角色的对话交互）

我正在尝试让基本的点击计数器示例正常工作。My index.html看起来像：

PraxisClient

在我的应用程序中，我尝试使用以下方法创建元素：

querySelector（'#ui'）.children.add（新元素.tag（'click-counter'））；

单击计数器代码与中给出的示例完全相同

点击我
您单击按钮{{count}}次

---

import'包装：polymer/polymer.dart'；
导入“dart:html”；
@CustomTag（'点击计数器'）
类ClickCounter元素扩展了聚合关系{
@可观测整数计数=0；
单击counterElement.created（）：super.created（）；
无效增量（事件e、变量详细信息、节点目标）{
计数+=1；
}
}

我得到的错误是：

URL必须由主Dart脚本导入：单击计数器。Dart

然而，即使我将click_counter.dart导入到我的应用程序中，它似乎也没有帮助，我只是在dom中看到标记，没有执行任何代码

---

如果我向元素（

）添加了一个“noscript”属性，那么我会看到显示的模板（但没有执行任何代码）。

在

pubspec.yaml

中，Polymer transformer配置需要为每个条目页面设置一个条目

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

发布服务

应在缺少此配置时创建警告

PraxisClient

改变

到

这是布局的屏幕截图。我想我遵循这些惯例：好的，但是你应该得到一个警告。这很好。把它加到我的答案里。