无法在Firefox，Safari，IE（Polymer）上加载页面 - webcomponents.js错误

Question

我正在构建一个页面，并遇到了一个我一直在努力解决的问题。源代码在这里：https://gist.github.com/zafartahirov/077b3e9ca7fe9958c9e1 - 抱歉它不在JSbin上，我仍然无法弄清楚如何在那里使用多个文件。

此页面在Chrome上正常运行，但在TypeError: value is not a non-null object中{} webcomponents.js和Exception caught during observer callback: destributeNodeInto...中的polymer.js给我一个错误：

该页面正在http://zafar.cc上运行 - 但是一旦解决了这个问题，我希望能推出另一个版本。该页面的GitHub仓库位于：https://github.com/zafartahirov/zafar.cc

请，建议......：）

编辑：可以在此处看到错误的实例：http://bl.ocks.org/zafartahirov/raw/077b3e9ca7fe9958c9e1/ - 抱歉导入element/... - 忘记在index.html

中更改错误

Answer 1

在elements/zaf-dropdown/zaf-dropdown.html:16中你有：

<shadow></shadow>

我敢打赌你想用

替换它

<content></content>

甚至简单地放弃它。此更改修复了尚未对webcomponents进行本机支持的浏览器中的行为。

<强> P上。 S。恕我直言，从聚合物纸元素项目中窃取设计并不是一个好主意。