Polymer 聚合物导入不渲染_Polymer

Polymer 聚合物导入不渲染

polymer

Polymer 聚合物导入不渲染,polymer,Polymer,我以前多次遇到这种情况，但我仍然无法解决它。当我导入从bower下载的核心/纸张元素时，导入会阻止我的页面加载，因此最终会出现一个空白屏幕。通过将url导入元素而不是bower，我成功地解决了这个问题。我能够创建一个由许多输入文本组成的简单聚合元素，但今天当我创建一个简单的数据绑定元素时，我的页面将无法加载 index.html <!DOCTYPE html> <html> <head> <link rel="import" href="http

我以前多次遇到这种情况，但我仍然无法解决它。当我导入从bower下载的核心/纸张元素时，导入会阻止我的页面加载，因此最终会出现一个空白屏幕。通过将url导入元素而不是bower，我成功地解决了这个问题。我能够创建一个由许多输入文本组成的简单聚合元素，但今天当我创建一个简单的数据绑定元素时，我的页面将无法加载

index.html

<!DOCTYPE html>
<html>
<head>
    <link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">
    <link rel="import" href="hello-name.html">
    <script src="https://www.polymer-project.org/components/webcomponentsjs/webcomponents.js"></script> 
</head>
<body>
    <p><hello-name></hello-name><p>
</body>
</html>

hello-name.html

<polymer-element name="hello-name">
    <template>
        <h1>Hello {{name}}</h1>
        <input type="text" value="{{name}}> 
    </template>
    <script>
        Polymer('hello-name', {
            ready: function() {
                this.name = "World";
            }
        })
    </script>
</polymer-element>


你好{{name}
我看到的一个潜在问题是，您希望将webcomponents.js置于导入之上
出现空白屏幕的另一个常见原因是，某些元素具有html声明，但没有相应的脚本，这会造成Polymer等待其脚本加载和执行的情况。通过在浏览器控制台中运行Polymer.waitingFor（）
，您可以看到Polymer正在等待什么元素。
您不需要在主html页面中使用Polymer.html
，您需要将其包含在自定义元素中
<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">

<polymer-element name="hello-name">
    <template>
        <h1>Hello {{name}}</h1>
        <input type="text" value="{{name}}> 
    </template>
    <script>
        Polymer('hello-name', {
            ready: function() {
                this.name = "World";
            }
        })
    </script>
</polymer-element>


你好{{name}
我已经导入了几个月前创建的自定义元素，它似乎没有问题。我刚刚创建了另一个带有绑定的简单元素，它似乎也破坏了页面！我曾尝试将polymer.html放在自定义元素的顶部，并将webcomponent.js移到导入的顶部，但似乎不起作用。
目录结构很重要。假设你有
/bower_components/polymer/polymer.html

在bower_组件内创建一个目录，并将您的组件放在该目录内，即
/bower_components/hello/hello.html

在hello.html中加载polymer.html
<link rel="import" href="../polymer/polymer.html">



href用于标识元素是否在之前加载。如果您不使用../polymer/polymer.html浏览器尝试加载两次，您会看到一个空白页。
如果您使用的是polymer 1.0，请查看本指南：

显然，您必须使用而不是显式地向js注册模块。
更改为
，一切似乎都很好。Polymer 1.7+中是否有替代Polymer.waitingFor（）的软件？我遇到了类似的问题，不知道如何调试。基本上，我的404重定向页面只有在我没有导入纸张按钮/纸张材料的情况下才能正常显示。。。