Javascript 聚合dom模块不显示任何内容

Javascript 聚合dom模块不显示任何内容,javascript,html,css,polymer-1.0,Javascript,Html,Css,Polymer 1.0,我是新来的。所以我只是按照教程来做。我不知道为什么屏幕上没有显示中的详细信息 这是来自网络的代码: (索引) 第一多边形 (一) div{颜色:红色} 你好,世界 聚合物({is:“第一”}); 来自聚合物文档 根据规范,自定义元素的名称必须包含破折号(-)。 因此,您的元素名first无效。尝试重命名为我的元素。我还将把您的脚本和元素导入项目的。从聚合文档中 根据规范,自定义元素的名称必须包含破折号(-)。 因此,您的元素名first无效。尝试重命名为我的元素。我也会将您的脚本和元素

我是新来的。所以我只是按照教程来做。我不知道为什么屏幕上没有显示中的详细信息

这是来自网络的代码: (索引) 第一多边形


(一)


div{颜色:红色}
你好,世界
聚合物({is:“第一”});
来自聚合物文档

根据规范,自定义元素的名称必须包含破折号(-)。

因此,您的元素名
first
无效。尝试重命名为
我的元素
。我还将把您的
脚本
和元素导入项目的

从聚合文档中

根据规范,自定义元素的名称必须包含破折号(-)。


因此,您的元素名
first
无效。尝试重命名为
我的元素
。我也会将您的
脚本
和元素导入到项目的
中。

这是一个聚合物初学者的救生技巧。谢谢!这是一个聚合物初学者的救生提示。谢谢!
<body class:"vertical layout" style="background-color: #dddddd;">
    <script src="components/webcomponentsjs/webcomponents.js"></script>

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

        <paper-header-panel>              
            <link rel="import" href="components/paper-material/paper-material.html">
            <paper-material style="background: #ADADAD">
                <link rel="import" href="first.html">
                <first>
                </first>

            </paper-material>
        </paper-header-panel>
</body>
</html>
<dom-module id="first">
    <template>
       <style>
          div { color: red }
       </style>
       <div>Hello World</div> 
    </template>
    <script>
        Polymer ({ is : "first" }); 
    </script>
</dom-module>