Polymer 聚合物纸张仅在阴影dom中输入，在浏览器中不可见_Polymer

Polymer 聚合物纸张仅在阴影dom中输入，在浏览器中不可见

polymer

Polymer 聚合物纸张仅在阴影dom中输入，在浏览器中不可见,polymer,Polymer,我是polymer 2.0的新手，所以我只是在练习一个示例应用程序。我想创建一个包含两个纸质输入字段的基本“登录”屏幕我会让你看看我到目前为止得到了什么 My index.html： <!DOCTYPE html> <html lang="en"> <head> <link rel="import" href="./bower_components/webcomponentsjs/webcomponents-lite.js"&g

我是polymer 2.0的新手，所以我只是在练习一个示例应用程序。我想创建一个包含两个纸质输入字段的基本“登录”屏幕

我会让你看看我到目前为止得到了什么

My index.html：

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="import" href="./bower_components/webcomponentsjs/webcomponents-lite.js">
        <link rel="import" href="./bower_components/polymer/polymer.html">
        <link rel="import" href="./testing/login-page.html">
    </head>
    <body unresolved>
        <login-page></login-page>
    </body>
</html>

还有我的login-page.html，它位于名为“testing”的文件夹中

我已使用bower通过以下命令安装了纸张输入：bower install paper input

问题是，它并没有显示出来，但当我检查页面时，它出现在阴影dom中。h2标签中的所有内容都显示出来了。再说一次，我是polymer的新手，所以我有什么做错了吗？

如果您使用的是polymer 2.0，您需要下载带有2.0-preview后缀的元素

就你而言

bower i --save PolymerElements/paper-input#2.0-preview

然后将其导入页面中

<link rel="import" href="/bower_components/paper-input/paper-input.html">

是否在登录页面元素中导入纸张输入元素？你安装了2.0版本的元素而不是1.X版本吗？根据下面的答案，我安装了2.0版本，它工作了！我只是对这个命令有一些问题，请看我的评论！关于这个命令的几个问题，i在命令中的作用是什么，以及-save和install之间有什么区别吗？它是install的缩写。和-save表示将此命令保存到bower.json。这意味着在将来的某个地方，您可以通过1个命令来安装所有依赖项-bower install。建议使用-save标志。因为一旦你想与他人共享你的应用程序，你就不需要发送整个bower_components文件夹。只有bower.json和包含元素的文件夹如果它解决了您的问题，请单击复选标记接受我的答案。所以每个人都知道这个问题已经得到了回答，未来的人们将知道如何解决这个问题。我本来打算这么做的，但是因为你回答得太快，所以没有让我回答。现在应该没事了！

<link rel="import" href="/bower_components/paper-input/paper-input.html">