問題越來越自定義元素與聚合物工作

https://www.polymer-project.org/docs/start/creatingelements.html

我試圖測試出web組件和聚合物，但我不能讓一個基本的模板工作。我無法在屏幕上呈現任何內容。任何想法我失蹤？

我是5000％我的所有文件都鏈接正確。我在日誌中沒有看到任何錯誤。我使用github回購中的Polymer 0.8預覽版。我使用的是最新版本的Chrome（38.0.2125.122）。我使用MAMP，因此HTML導入將起作用。我甚至包括萬維網組件polyfill以防萬一。我找不到任何一篇文章，暗示我做錯了什麼。這一切似乎很直接。

自定義元素：

<link rel="import" href="polymer/polymer.html"> 

<polymer-element name="app-list" noscript> 
    <template> 
    <ul> 
     <li>Hello World!</li> 
     <li>Hello World!</li> 
     <li>Hello World!</li> 
    </ul> 
    <content></content> 
    </template> 
</polymer-element>

指數：

<!DOCTYPE html> 
<html lang="en-us"> 

    <head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width" initial-scale="1"> 
    <script src="webcomponentsjs/webcomponents.js"></script> 
    <link rel="import" href="app-list.html"> 
    </head> 

    <body> 
    <div class="page"> 
     <app-list></app-list> 

     <!-- etc... -->

來源

2014-11-24 Dustin

0.8預覽對創建新元素的語法進行了一些更改。它仍然是烘焙，並沒有真正準備好公共消費。當你從涼亭安裝時，你得到了0.5.1這是當前版本和你現在應該使用的版本。 – robdodson 2014-11-24 14:58:55

我不能讓GitHub的版本從主分支或0.8預覽分支正常工作。我從涼亭安裝它，它工作正常。

來源

2014-11-24 04:02:52 Dustin

在基於Chromium-38的node-webkit測試設置中，您的代碼適合我。但是，如果我嘗試在Chrome中運行相同的代碼（本地文件用於應用程序列表），則由於CORS異常導致HTML導入失敗，並且屏幕上不顯示任何內容。我建議你打開Chrome瀏覽器開發工具和驗證的應用程序列表元素已註冊且在其陰影DOM模板：

<body> 
    <div class="page"> 
     <app-list> 
     #shadow-root 
      <ul> 
      <li>Hello World!</li> 
      <li>Hello World!</li> 
      <li>Hello World!</li> 
      </ul> 
      <content></content> 
     </app-list>

（這是你應該在看什麼再創造開發工具的「元素」選項卡）。

祝你好運。

來源

2014-11-24 04:06:00

問題越來越自定義元素與聚合物工作

回答

相關問題