Polymer 聚合物网组件#阴影根不显示

我试图在mac上的本地主机服务器上运行一个简单的聚合web组件

我想我已经正确地遵循了教程，但是#shadow root信息没有出现在元素标记中（如图所示）

导入工作正常，因为正在中导入polymer.html。我不明白为什么我设置的元素没有显示信息。当我在safari中运行它时，H1会短暂出现（不到一秒钟），然后消失，所以这告诉我聚合物设置正确，只是因为某些原因，它没有被拉到的阴影根中

我已经为此奋斗了几天

你能给我的任何帮助都会很好，也会帮我省去更多的麻烦：）

干杯，伙计们

这是本地主机服务器上的输出。。。
正文{转换：0.2s中的不透明度缓和；}
正文[未解析]{不透明度：0；显示：块；溢出：隐藏；位置：相对；}
这是影子dom

Safari还没有对影子dom的本机支持。它能够使用polyfills运行聚合物应用程序。大多数浏览器尚不支持web组件标准。 在Google Chrome上运行应用程序。您将看到

#阴影根

请查看此页面以了解更多信息

unresolved

属性用于标记页面尚未初始化

编辑：

这些都给你带来了麻烦-

您正在使用已标记版本的依赖项

我尝试使用您正在使用的依赖项的版本进行构建。同样的结果。我检查过了，只是标记了发布。聚合物仍处于测试阶段，正在进行大规模开发。您应该使用的回购协议的最新版本是-polymer 0.9.0和webcomponentsjs 0.6.1

在你的案例中，是聚合物的依赖性导致了这种行为。因为我使用webcomponentsjs 0.7.0进行所有开发。使用bower解决您的依赖关系。如果删除bower_components文件夹an bower.json并重新安装依赖项，则会更简单

正文标记应包含未解析属性。

这样做是为了防止未解析的数据绑定和规则显示在浏览器中。因为聚合物的自定义元素需要时间初始化。否则，您将在数据绑定的页面中看到许多双胡子符号-{{}}，并且还缺少样式规则或空页面

WebComponents.js在初始化页面时为选择器

body[unresolved]

添加样式规则。它将不透明度设置为0-不可见。所以还没有显示任何内容

Polymer成功初始化所有自定义元素、解决模板和数据绑定后，将删除

未解决的

属性。 由于WebComponents初始化中添加了另一条

正文

样式规则，该页面在200毫秒后淡入视图

---

查看首页标签，查看页面初始化时添加的这两个样式规则。

嗨，新朋友，谢谢你的回复-我在chrome中运行了应用程序，得到了相同的结果。没有显示任何内容。我只是出于好奇才在safari中运行它：我不认为polymer.html会被导入。我检查了

标签中插入的样式规则是否也由

webcomponents.js插入，再次检查聚合物导入！您使用的是哪个版本的polymer和webcomponents.js？在bower.json中检查它，您错过了body标记中的
未解析属性。谢谢新朋友。你能再解释一下未解析属性吗？谢谢谢谢…我将尝试使用未解决的属性。关于正在导入的polymer.html。我认为这是因为当页面加载后，我能够扩展导入代码的元素并查看polymer.html。