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>

这里的小提琴样本https://jsfiddle.net/s4oh43za/

我已经阅读了几篇文章，但我找不到这个简单案例的解决方案在此先感谢Fausto

Answer 1

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

聚合物docs建议在dom-module HTMLImports.whenReady(function() {...})中定义index.html脚本。在遵循该建议后，jsfiddle的此修改版本可在Firefox和Chrome中使用。

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

1 个答案: