使用Polymer的第一步,元素无法正确显示(在Plunker中!)

时间:2016-10-19 09:55:14

标签: polymer

我刚刚从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不允许重定向,这就是多元素的工作原理。它如何与polymer.html一起运作我不确定......

1 个答案:

答案 0 :(得分:1)

你正在混合你的进口。您必须确保从单一来源导入组件,因此不会发生变量/名称冲突。在您的示例中,您要从自己的存储库和多字节导入两者。

有关错误日志的证据:

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">