Polymer 未定义，Firefox 中的引用错误

Question

这个简单的代码缺少什么，它在 Firefox 中失败而在 Chrome 中运行良好？

<!DOCTYPE html>
<html>
<head>
<base href="//polygit.org/components/">
<script src="webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="paper-material/paper-material.html">

<dom-module id="ui-firefox">
  <template>    
    <paper-material>Can you see me in Firefox?</paper-material>
  </template>
  <script>
    Polymer({
      is: "ui-firefox",
      ready: function(){ console.log("Am I ready?"); }
    });
  </script>
</dom-module>

</head>
<body>
  <ui-firefox> </ui-firefox>
</body>
</html>

这里有一个 fiddle 样本 https://jsfiddle.net/s4oh43za/

我已经阅读了一些帖子，但我找不到这个简单案例的解决方案
提前致谢，福斯托

Answer 1

我的猜测是 Firefox 以不同的方式加载 HTML 导入。

遵循该建议后，Polymer docs recommend wrapping your dom-module script in HTMLImports.whenReady(function() {...}) when it's defined in index.html. This modified version of your jsfiddle 在 Firefox 和 Chrome 中均可使用。

Polymer 未定义，Firefox 中的引用错误

Polymer is not defined, Reference error in Firefox

polymer

polymer-1.0