Question

所以免责声明，我是Polymer，Web组件，Node和Express的新手。今天是我第一次使用所有这些技术，我试图避免提出简单的问题，但我无法在任何地方找到这个问题的答案。

我正在尝试提供一个呈现简单自定义元素的静态HTML页面。

我相信节点上的所有内容都运行良好，因为控制台中没有错误，并且我的所有资源都在“来源”下可见。 chrome-dev工具的标签。但是，我的自定义元素似乎仍未注册。它显示在dom中，但它没有子节点，它的高度/宽度为0.页面上的其他所有内容都很好。

这是我的index.html

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <script src="/bower_components/webcomponentsjs/webcomponents.min.js"></script>
  <link rel="import" href="/bower_components/polymer/polymer.html">

  <title>blah</title>
 </head>
 <body>
  <!-- Add your site or application content here -->
  <link rel="import" href="/web_components/my-element.html">
  <my-element></my-element> 

  <h1> Hello Polymer? </h1>
 </body>
</html>

这是my-element.html

<polymer-element name="my-element" noscript>
  <template>
    <div>This is my shadow DOM!</div>
  </template>
</polymer-element>

这是一个控制台屏幕截图：

这是我的服务器端代码的屏幕截图，它也描述了我左侧的文件结构。

Answer 1

您似乎在使用1.0版本的Polymer时使用0.5语法。查看Quick Tour即可开始使用。例如，您应该使用<dom-module>而不是<polymer-element>。

聚合物网络组件未注册

1 个答案: