Простой компонент Polymer не работает - все загружено, но нет Shawdow Root, нет ошибки

Я пробую полимер и не могу заставить его работать с простым компонентом. На основании документов. Я сделал следующее

Добавлен webcomponents.js, импортирован полимер.html и создан простой компонент helloworld без какого-либо скрипта. Я вижу, что все загружается в инструменты DEV, но корень shawdow не создается в компонентах helloworld.

Версия полимера "полимер": "Полимер/полимер#~1.0.5"

Ниже приведен код приветствия.

<polymer-element name="hello-world" noscript>
  <template>
    <h1>Hello World</h1>
  </template>
</polymer-element>

Веб-компоненты с 200

Загружены компоненты Polymer и helloworld

Но нет shawdow root в helloworld.введите здесь описание изображения

Что я делаю неправильно здесь.


javascript html polymer-1.0
person anandaravindan    schedule 30.06.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы используете Polymer v1.0, но, похоже, вы не объявляете свой элемент так, как это должно быть для этой версии. См. здесь:

<dom-module id="hello-world">
  <style>
    /* CSS rules for your element */
  </style>

  <template>
    <!-- local DOM for your element -->

    <h1>Hello world</h1>
  </template>

  <script>
    // element registration
    Polymer({
      is: "hello-world"
    });
  </script>
</dom-module>
person Ben Thomas    schedule 30.06.2015