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級別）位於您導入到編輯器中的目錄的子目錄中。嘗試更深入地導入一個級別。