在Firefox中没有显示的聚合物元素

时间:2014-09-09 16:02:36

标签: javascript firefox polymer web-component

我写的定制聚合物元素在Chrome中非常完美。但它甚至没有出现在Firefox中。我使用硫化来连接一个文件中的所有东西,甚至是平台和聚合物。这是我称之为硫化的主索引文件。

<!DOCTYPE html>
<html>
 <head>
  <script src="bower_components/platform/platform.js"></script>
  <link rel="import" href="bower_components/my_polymer/index.html">
 </head>
</html>

这是我的聚合物元素索引文件。

<!DOCTYPE html>
 <html>
  <head>
   <link rel="import" href="../polymer/polymer.html">
   <link rel="import" href="my-polymer-element.html">
  </head>
 </html>

1 个答案:

答案 0 :(得分:2)

您的设置错误。

您不应该导入index.html,而是在主页面中导入元素定义。您的主页应如下所示:

<html>
  <head>
   <script src="bower_components/platform/platform.js"></script>
   <link rel="import" href="my-polymer-element.html">
  </head>
  ...
</html>

请注意,polymer.html在my-polymer-element.html定义文件的顶部列为依赖项导入。

有关示例,请参阅http://www.polymer-project.org/docs/start/creatingelements.html#createpolyel以及种子元素:http://www.polymer-project.org/docs/start/reusableelements.html