Não é possível usar o elemento polímero - "Falha ao executar 'registerElement' em 'Documento'"
Criei um elemento que simplificarei aqui por questões de brevidade e queria fazer um processo de ponta a ponta e ver se funciona.
Este é o seu arquivo bower.json:
{
"name": "test-element",
"version": "0.0.1",
"authors": [
"my name"
],
"description": "A description",
"license": "MIT",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"dependencies": {
"polymer": "~0.9.0"
}
}
Fiz o upload no meu repositório de teste e abri um novo projeto no WebStorm.
eu fizbower install test-element
e também baixou o diretório do polímero, que é a dependência, como eu queria, embora não haja arquivos js lá. (Não deveria haver umpolymer.js
arquivo para referência?)
Agora, meu arquivo de índice carregado possui isso no corpo:
<script src="bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="bower_components/test-element/test-element.html">
<test-element
elements="[...array contents...]">
</test-element>
E meutest-element.html
:
<link rel="import" href="../../../polymer/polymer.html">
<polymer-element name="test-element" ....>
<template>
... doesn't really matter ...
</template>
<script>
Polymer({
created: function () { .. }
});
</script>
</polymer-element>
Mas quando carrego a página, vejo isso no console:
Não detectado SyntaxError: falha ao executar 'registerElement' em 'Documento': falha no registro para o tipo 'indefinido'. O nome do tipo é inválido.
Eu tentei muitas postagens e não consigo ver o que estou perdendo aqui. Estou carregando owebcomponents.js
antes de importar o arquivo HTML do elemento.
Então, 2 perguntas:
Por que esse erro ocorre e o que fiz de errado? Estou sentindo falta dopolymer.js
? Se sim, por que não fez o download como parte da dependência?Se eu tiver muitos elementos, preciso incluir opolymer.html
em cada um deles ou posso carregá-lo uma vez noindex.html
Arquivo?