聚合物未捕获的 DOMException

Polymer Uncaught DOMException

我在 Polymer 2 中有一个简单的 todo aap。它工作得很好,但是当我从 Polymer 目录添加元素时,我收到以下错误?还有纸张输入不能正常显示?检查屏幕截图。一切都很好我不知道为什么这突然发生了?

dom-module.html:136 未捕获的 DOMException:无法在 'CustomElementRegistry' 上执行 'define':此名称已用于此注册表 在 http://127.0.0.1:8000/components/polymer-todo/bower_components/polymer/lib/elements/dom-module.html:136:18http://127.0.0.1:8000/components/polymer-todo/bower_components/polymer/lib/elements/dom-module.html:140:3

我的代码很简单

<link rel="import" href="../polymer/polymer-element.html">
<link rel="import" href="../polymer/lib/elements/dom-repeat.html">

<link rel="import" href="bower_components/paper-checkbox/paper-checkbox.html">
<link rel="import" href="bower_components/paper-input/paper-input.html">



<dom-module id="polymer-todo">
  <template>
   <h3>Todo:</h3>
   <dom-repeat
      items="{{tasks}}"
      as="task">
      <template>
        <div>

          <paper-checkbox ></paper-checkbox>


          <paper-input value="{{task}}"></paper-input>

        </div>
      </template>
   </dom-repeat>





    <button>Add task</button>
  </template>

  <script>
    /**
     * `polymer-todo`
     * Simple to do to add Todos
     *
     * @customElement
     * @polymer
     * @demo demo/index.html
     */
    class PolymerTodo extends Polymer.Element {
      static get is() { return 'polymer-todo'; }
      static get properties() {
        return {
          tasks: {
            type: Array,
            value: () => [1, 2, 3, 4, 5]
            }
        };
      }
    }

    window.customElements.define(PolymerTodo.is, PolymerTodo);
  </script>
</dom-module>

我修好了。其实我变了

<link rel="import" href="bower_components/paper-checkbox/paper-checkbox.html">

<link rel="import" href="../paper-checkbox/paper-checkbox.html">

它奏效了。