Chrome Dev Editor的示例聚合物应用程序显示空白窗口

Question

在Chrome Dev Editor的“新建项目”对话框中选择“JavaScript Polymer自定义元素”作为项目类型时生成的聚合物应用程序在运行时显示空白屏幕。

这是一个错误还是我做错了什么？

如果它是一个错误，那么我如何让聚合物应用程序显示某些内容？

Answer 1

根据您的描述判断，听起来您忘记重构CSP。右键单击您的项目名称，然后选择Refactor for CSP。这需要一段时间，但一旦完成，它就会起作用。

Answer 2

对于延迟回复感到抱歉。

1. 请尝试使用最新的Chrome Dev Editor。由于您提交了问题，所提到的模板可能已被破坏并得到修复。
2. 还要确保您：
   • 点击“运行”按钮时选择index.html或demo.html;或
   • 右键单击它们，然后从上下文菜单中选择Run...。

可能发生的事情是您将 Polymer元素与 Polymer应用混淆了。您使用的模板会生成一个元素。它还以demo.html的形式提供元素用法的示例，以及标准的Polymer元素描述页面（基于core-component-page元素，该元素读取并显示来自metadata.html的元素属性） index.html的形式。所以你必须明确地运行其中一个才能看到一些东西。如果您尝试“运行”元素本身（例如，单击选中my-element.html的“运行”按钮），将看到一个空白屏幕，就像使用任何其他纯聚合物模板一样，因为那里没有可渲染的HTML（出于某种原因，它被称为模板）。

如果您确实需要 Polymer应用，请考虑使用JavaScript web app (using Polymer paper elements)或JavaScript Chrome app (using Polymer paper elements)项目类型。

Answer 3

首先尝试从命令行运行bower更新

 bower install Polymer/core-elements --save

您可能还需要从chrome dev编辑器的右侧面板右键单击项目目录，然后选择Refractor for CSP。

Answer 4

可能在示例应用程序中，CDE项目（bower.json级别）位于导入编辑器的目录的子目录中。尝试更深入地导入一个级别。