问题越来越自定义元素与聚合物工作

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

问题越来越自定义元素与聚合物工作

回答

相关问题