2015-04-13 2 views
3

Это должно быть так просто, но это не работает, и это сводит меня с ума.Почему мой пользовательский элемент не отображается при использовании Polymer?

Я пытаюсь начать работу с полимером, и я сделал свое первое приложение, следуя руководству по https://www.polymer-project.org. Он отлично поработал, но теперь я делаю этот учебник LevelUpTuts: https://youtu.be/wId1gMzriRE и мой простой пользовательский элемент с простым h1 с Hello world! просто не появляется.

index.html:

<!doctype html> 
 
<html> 
 

 
<head> 
 

 
    <title>Polymer</title> 
 

 
    <script src="components/webcomponentsjs/webcomponents.js"></script> 
 
    <link rel="import" href="hello-world.html"> 
 

 
</head> 
 

 
<body> 
 
    <hello-world></hello-world> 
 
</body> 
 

 
</html>

привет-world.html:

<link rel="import" href="components/polymer/polymer.html"> 
 

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

Я использовал дефис в имени файла и элемента и я убедился, что webcomponents.js и polymer.js правильно связаны. Я не получаю никаких ошибок в консоли, и у меня нет идей! Любая помощь будет очень оценена!

+0

В какой версии Полимера вы используете 0.5.5 (стабильный) или 0.8 (Alpha) – Adi

+0

Я проверял, какие версии я использовал, потому что не знал. Я использовал беседу для загрузки полимера и веб-компонентов. Тогда у меня возникла идея использовать файлы с полимером и веб-компонентами, которые я загрузил вместе с учебником zip с сайта-полимера, и это сработало! Я думаю, что что-то не так с файлами бесед. –

ответ

0

Похоже, вы используете синтаксис pre 1.0, но версию Polymer 1.0+.

В Polymer 1.0+ вы можете создать модуль с <dom-module name="hello-world"> вместо <polymer-element name="hello-world">.

+0

@brad это решило проблему? – Ermish

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