Question

我用聚合物尝试飞镖。我想构建一个简单的自定义元素。我将它基于dart编辑器中聚合物示例应用程序中提供的自定义元素。

不幸的是我收到以下错误：

No elements registered in a while, but still waiting on 1 elements to be registered. Check that you have a class with an @CustomTag annotation for each of the following tags: 'send-card'

＆＃39;发送卡的代码＆＃39; element的内容如下：

send_card.html

<!-- send card -->


<!-- import polymer-element's definition -->
<link rel="import" href="../../packages/polymer/polymer.html">

<link rel="import" href="../../packages/paper_elements/paper_input.html">
<link rel="import" href="../../packages/paper_elements/paper_fab.html">

<link rel="import" href="../../packages/core_elements/core_icons.html">

<polymer-element name="send-card">
  <template>
    <style>
      #input-wrapper {
        width: 500px;
        padding: 5px;
        margin: 10px;
      }
      paper-input {
        color:#5677fc;
      }
      paper-fab {
        background: #5677fc;
        position: relative;
        right: -5px;
        bottom: -5px;
      }
    </style>

    <div id="input-wrapper">
      <paper-input multiline label="Your message"></paper-input>
      <paper-fab icon="add" on-click="{{sendMessage}}"></paper-fab>
    </div>

  </template>
</polymer-element>

send_card.dart

import 'package:paper_elements/paper_input.dart';
import 'package:paper_elements/paper_fab.dart';
import 'package:polymer/polymer.dart';

@CustomTag('send-card')
class SendCard extends PolymerElement {

  /// Constructor used to create instance of MainApp.
  SendCard.created() : super.created();

  void sendMessage(){}
}

在我看来，一切都在这里。任何人都可以解释这个错误吗？

PS：运行代码时，浏览器中没有显示任何内容。

Answer 1

最后一次忘记将输入页面添加到Polymer变换器配置时，我就这样做了。

另见What are dart polymer transformer entry_points actually for?

Answer 2

在模板中包含send_card.dart的脚本元素：

send_card.html：

  <!-- ... -->
  </template>
  <script type="application/dart" src="send_card.dart"></script>
</polymer-element>

暂时没有注册任何元素，但仍在等待注册的1个元素

2 个答案: