Polymer 聚合物中的空白页

Polymer 聚合物中的空白页,polymer,Polymer,我是聚合物的新手。我只是尝试添加,但屏幕变空白。我有没有漏掉剧本什么的 头 身体 聚合物({ }); 事实上,这正是它应该做的 查看您的检查器,您将看到有一个核心抽屉面板元素和两个部分。核心抽屉面板没有任何视觉效果,只是一个容纳子组件的容器 基本上,您需要在部分中放置一些内容才能在浏览器中看到一些内容:) 将以下内容添加到代码中: <style> core-drawer-panel /deep/ section { border:1px solid red; } &l

我是聚合物的新手。我只是尝试添加,但屏幕变空白。我有没有漏掉剧本什么的


身体


聚合物({
});

事实上,这正是它应该做的

查看您的检查器,您将看到有一个核心抽屉面板元素和两个部分。核心抽屉面板没有任何视觉效果,只是一个容纳子组件的容器

基本上,您需要在部分中放置一些内容才能在浏览器中看到一些内容:)

将以下内容添加到代码中:

<style>
 core-drawer-panel /deep/ section { 
  border:1px solid red;
 }
</style>

核心抽屉面板/深/截面{
边框:1px纯红;
}

这将在视觉上突出显示各部分。

如何加载页面?您是否直接从文件资源管理器运行HTML页面?或者您正在服务器中运行它谢谢@Derek它正在服务器中运行。我发现我的错误是我应该包括polymer/polymer.html而不是polymer/polymer.js,我错过了样式。谢谢@Andy,它很管用。我犯的另一个错误是我应该包括polymer/polymer.html而不是polymer/polymer。js@BlueBells此外,最新版本的Polymer中不需要webcomponentsjs。您可以在起始页上使用
polymer.html
引用(很可能是
index.html
,它不是web组件。如果@andy的答案解决了您的问题,您应该将其标记为答案。。。
   <core-drawer-panel transition id="core_drawer_panel" touch-action>
        <section id="section" drawer></section>
        <section id="section1" main></section>
    </core-drawer-panel>
    <script>

        Polymer({
        });

    </script>
<style>
 core-drawer-panel /deep/ section { 
  border:1px solid red;
 }
</style>