聚合物的第一步，元素不正确显示(在Plunker!)

Question

我刚开始与web开发，我正试图使用一些聚合物元素:

http://embed.plnkr.co/o4OKkE/

我几乎是在管理进口。元素显示(以某种方式)。除了页边距外，纸张元素效果很好。按钮很好，纸张输入完全失败，标签也是如此。文本/格式都是默认的。聚合物决定字体等，还是使用CSS单独管理?

我想我没有正确地附加主题。有人能指出错误吗?

---

编辑:感谢Neil John Ramal，我已经得到了基本工作没有任何错误:

http://run.plnkr.co/AD3ETQOsMwajnSBt/

我似乎无法使用polygit导入元素，只能使用rawgit。

在这里

:

工作好。但是这会产生一个错误:

指向原点'http://polygit.org'的重定向被跨域资源共享策略阻止加载:请求的资源上没有'Access-Control-Allow-Origin'标头。起源的http://run.plnkr。因此不允许访问Co '。

大概是因为Plunker不允许重定向，这就是polygit的工作原理。它是如何与聚合物。html的功能我不确定…

Answer 1

您混淆了导入。您必须确保从单个源导入组件，这样就不会发生变量/名称冲突。在您的示例中，您从自己的存储库和polygit的存储库导入。

证据在错误日志上:

VM199 polymer-micro.html:363 Uncaught NotSupportedError: Failed to execute 'registerElement' on 'Document': Registration failed for type 'dom-module'. A type with that name is already registered.

这仅仅意味着您已经从不同的来源多次导入了polymer.html。HTML导入只有在来自相同来源时才会重复数据删除。

也在你的index.html:

<script data-require="polymer@*" data-semver="1.0.0" src="http://polygit.org/components/polymer/polymer.html"></script>

应:

<link rel="import" src="//polygit.org/components/polymer/polymer.html">