полимерный веб-компонент, не регистрирующий

Так что отказ от ответственности, я новичок в Polymer, веб-компонентах, узлах и Express. Сегодня я впервые использую все эти технологии, и я старался избегать простых вопросов, но я не могу найти ответ на этот вопрос в любом месте.полимерный веб-компонент, не регистрирующий

Я пытаюсь служить статической HTML-странице, которая создает простой пользовательский элемент.

Я считаю, что все с узлом работает нормально, поскольку в консоли нет ошибок, и все мои ресурсы видны под тегом «sources» инструментов chrome-dev. Однако мой пользовательский элемент, похоже, остается незарегистрированным. Он отображается в dom, но у него нет детей, а его высота/ширина равны 0. Все остальное на странице выглядит отлично.

Это мой index.html

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <script src="/bower_components/webcomponentsjs/webcomponents.min.js"></script> 
    <link rel="import" href="/bower_components/polymer/polymer.html"> 

    <title>blah</title> 
</head> 
<body> 
    <!-- Add your site or application content here --> 
    <link rel="import" href="/web_components/my-element.html"> 
    <my-element></my-element> 

    <h1> Hello Polymer? </h1> 
</body> 
</html>

Это my-element.html

<polymer-element name="my-element" noscript> 
    <template> 
    <div>This is my shadow DOM!</div> 
    </template> 
</polymer-element>

Вот консольный снимок экрана: с

Это снимок экрана моего на стороне сервера код, который также отображает мой файл -структура слева.

источник

2015-08-23 LukeP

Возможно, вы используете синтаксис 0,5 с версией полимера 1.0. Зайдите в Quick Tour, чтобы начать. Например, вы должны использовать <dom-module> вместо <polymer-element>.

источник

2015-08-23 17:51:59 Maria

gah! это оно. спасибо – LukeP

полимерный веб-компонент, не регистрирующий

ответ

Смежные вопросы