Chrome Dev编辑器示例聚合物应用程序显示空白窗口

Question

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

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

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

Answer 1

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

Answer 2

对不起，延迟响应。

1. 请尝试了最新的Chrome浏览器开发编辑器。自提交问题后，所提到的模板可能会被破坏并得到修复。
2. 还要确保您：
   • index.html或demo.html点击运行按钮时，选择有;或
   • 右键单击它们并从上下文菜单中选择Run...。

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

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

Answer 3

尝试首先，从你的命令行

bower install Polymer/core-elements --save 

运行凉亭更新，您可能还需要右键点击你的项目目录从Chrome浏览器开发编辑器的右侧面板中，选择折射的CSP。

Answer 4

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