文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >对于完全成熟的聚合物2应用程序，什么是正确的bower依赖项？

问对于完全成熟的聚合物2应用程序，什么是正确的bower依赖项？
EN

Stack Overflow用户
提问于 2017-07-20 05:00:59
回答 2查看 170关注 0票数 0

我有一个完成的Polymer 1应用程序，还没有发布，所以我决定将它升级到Polymer 2。

代码语言：javascript
复制
"polymer": "Polymer/polymer#^1.4.0",
"platinum-elements": "PolymerElements/platinum-elements#^2.0.0",
"paper-elements": "PolymerElements/paper-elements#^1.0.7",
"neon-elements": "PolymerElements/neon-elements#^1.0.0",
"iron-elements": "PolymerElements/iron-elements#^1.0.9",
"gold-elements": "PolymerElements/gold-elements#^1.0.1",
"app-route": "PolymerElements/app-route#^1.0.1",

深入研究后，我发现PolymerElements/paper-elements并不能真正拉下elements的版本2。

所以，现在我的凉亭看起来像这样：

代码语言：javascript
复制
  "dependencies": {
    "polymer": "Polymer/polymer#^2.0.0",
    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0",
    "app-route": "PolymerElements/app-route#^2.0.0",
    "app-layout": "PolymerElements/app-layout#^2.0.0",
    "neon-animation": "PolymerElements/neon-animation#^2.0.0",
    "paper-badge": "PolymerElements/paper-badge#^2.0.0",
    "paper-behaviors": "PolymerElements/paper-behaviors#^2.0.0",
    "paper-button": "PolymerElements/paper-button#^2.0.0",
    "paper-card": "PolymerElements/paper-card#^2.0.0",
    "paper-checkbox": "PolymerElements/paper-checkbox#^2.0.0",
    "paper-dialog": "PolymerElements/paper-dialog#^2.0.0",
    "paper-dialog-behavior": "PolymerElements/paper-dialog-behavior#^2.0.0",
    "paper-dialog-scrollable": "PolymerElements/paper-dialog-scrollable#^2.0.0",
    "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^2.0.0",
    "paper-fab": "PolymerElements/paper-fab#^2.0.0",
    "paper-header-panel": "PolymerElements/paper-header-panel#^2.0.0",
    "paper-icon-button": "PolymerElements/paper-icon-button#^2.0.0",
    "paper-input": "PolymerElements/paper-input#^2.0.0",
    "paper-item": "PolymerElements/paper-item#^2.0.0",
    "paper-listbox": "PolymerElements/paper-listbox#^2.0.0",
    "paper-menu-button": "PolymerElements/paper-menu-button#^2.0.0",
    "paper-progress": "PolymerElements/paper-progress#^2.0.0",
    "paper-radio-button": "PolymerElements/paper-radio-button#^2.0.0",
    "paper-radio-group": "PolymerElements/paper-radio-group#^2.0.0",
    "paper-ripple": "PolymerElements/paper-ripple#^2.0.0",
    "paper-slider": "PolymerElements/paper-slider#^2.0.0",
    "paper-spinner": "PolymerElements/paper-spinner#^2.0.0",
    "paper-styles": "PolymerElements/paper-styles#^2.0.0",
    "paper-swatch-picker": "PolymerElements/paper-swatch-picker#^2.0.0",
    "paper-tabs": "PolymerElements/paper-tabs#^2.0.0",
    "paper-toast": "PolymerElements/paper-toast#^2.0.0",
    "paper-toggle-button": "PolymerElements/paper-toggle-button#^2.0.0",
    "paper-tooltip": "PolymerElements/paper-tooltip#^2.0.0",
    "iron-a11y-announcer": "PolymerElements/iron-a11y-announcer#^2.0.0",
    "iron-a11y-keys": "PolymerElements/iron-a11y-keys#^2.0.0",
    "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^2.0.0",
    "iron-ajax": "PolymerElements/iron-ajax#^2.0.0",
    "iron-autogrow-textarea": "PolymerElements/iron-autogrow-textarea#^2.0.0",
    "iron-behaviors": "PolymerElements/iron-behaviors#^2.0.0",
    "iron-collapse": "PolymerElements/iron-collapse#^2.0.0",
    "iron-component-page": "PolymerElements/iron-component-page#^2.0.0",
    "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^2.0.0",
    "iron-doc-viewer": "PolymerElements/iron-doc-viewer#^2.0.0",
    "iron-dropdown": "PolymerElements/iron-dropdown#^2.0.0",
    "iron-fit-behavior": "PolymerElements/iron-fit-behavior#^2.0.0",
    "iron-flex-layout": "PolymerElements/iron-flex-layout#^2.0.0",
    "iron-icon": "PolymerElements/iron-icon#^2.0.0",
    "iron-icons": "PolymerElements/iron-icons#^2.0.0",
    "iron-iconset": "PolymerElements/iron-iconset#^2.0.0",
    "iron-iconset-svg": "PolymerElements/iron-iconset-svg#^2.0.0",
    "iron-image": "PolymerElements/iron-image#^2.0.0",
    "iron-jsonp-library": "PolymerElements/iron-jsonp-library#^2.0.0",
    "iron-list": "PolymerElements/iron-list#^2.0.0",
    "iron-location": "PolymerElements/iron-location#^2.0.0",
    "iron-media-query": "PolymerElements/iron-media-query#^2.0.0",
    "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.0.0",
    "iron-pages": "PolymerElements/iron-pages#^2.0.0",
    "iron-swipeable-container": "PolymerElements/iron-swipeable-container#^1.0.3",
    "iron-checked-element-behavior": "PolymerElements/iron-checked-element-behavior#^2.0.0",
    "iron-form": "PolymerElements/iron-form#^2.0.0",
    "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^2.0.0",
    "iron-input": "PolymerElements/iron-input#^2.0.0",
    "iron-label": "PolymerElements/iron-label#^2.0.0",
    "iron-localstorage": "PolymerElements/iron-localstorage#^2.0.0",
    "iron-menu-behavior": "PolymerElements/iron-menu-behavior#^2.0.0",
    "iron-meta": "PolymerElements/iron-meta#^2.0.0",
    "iron-range-behavior": "PolymerElements/iron-range-behavior#^2.0.0",
    "iron-resizable-behavior": "PolymerElements/iron-resizable-behavior#^2.0.0",
    "iron-scroll-target-behavior": "PolymerElements/iron-scroll-target-behavior#^2.0.0",
    "iron-scroll-threshold": "PolymerElements/iron-scroll-threshold#^2.0.0",
    "iron-selector": "PolymerElements/iron-selector#^2.0.0",
    "iron-test-helpers": "PolymerElements/iron-test-helpers#^2.0.0",
    "iron-validatable-behavior": "PolymerElements/iron-validatable-behavior#^2.0.0",
    "iron-validator-behavior": "PolymerElements/iron-validator-behavior#^2.0.0",
    "gold-elements": "PolymerElements/gold-elements#^1.0.1",
    "paper-date-picker": "polymer-paper-date-picker#^1.2.0",
    "paper-time-picker": "bendavis78/paper-time-picker#^1.1.4",
    "paper-password-input": "^2.1.0",
    "vaadin-upload": "^2.0.0",
    "socket.io-client": "^2.0.3",
    "chart.js": "^2.6.0"
  },
  "ignore": [],
  "resolutions": {
    "iron-a11y-announcer": "1 - 2",
    "webcomponentsjs": "^v1.0.0",
    "polymer": "^2.0.0",
    "iron-a11y-keys-behavior": "^2.0.0",
    "iron-autogrow-textarea": "1 - 2",
    "iron-collapse": "^2.0.0",
    "iron-behaviors": "^2.0.0",
    "iron-fit-behavior": "1 - 2",
    "iron-dropdown": "^2.0.0",
    "iron-flex-layout": "^2.0.0",
    "iron-icon": "1 - 2",
    "iron-iconset-svg": "1 - 2",
    "iron-image": "^2.0.0",
    "iron-media-query": "1 - 2",
    "iron-checked-element-behavior": "^2.0.0",
    "iron-list": "^2.0.0",
    "iron-overlay-behavior": "1 - 2",
    "iron-pages": "^2.0.0",
    "iron-form-element-behavior": "^2.0.0",
    "iron-input": "1 - 2",
    "iron-scroll-target-behavior": "^2.0.0",
    "iron-menu-behavior": "^2.0.0",
    "iron-range-behavior": "1 - 2",
    "iron-meta": "^2.0.0",
    "iron-resizable-behavior": "^2.0.0",
    "iron-selector": "^2.0.0",
    "iron-validator-behavior": "^2.0.0",
    "iron-validatable-behavior": "^2.0.0",
    "paper-button": "^2.0.0",
    "paper-icon-button": "^2.0.0",
    "paper-input": "^2.0.0",
    "paper-progress": "^2.0.0",
    "paper-ripple": "^2.0.0",
    "paper-styles": "^2.0.0",
    "paper-behaviors": "^2.0.0",
    "neon-animation": "^2.0.0"
  }

我有一大堆问题。像这样的简单铁质形式

代码语言：javascript
复制
    <iron-form id="loginForm">
        <form action="/" method="POST">
            <paper-input name="uid" label="Username" type="text" required auto-validate></paper-input>
            <paper-input name="pwd" label="Password" type="password" required auto-validate></paper-input>
            <paper-button class="primary" raised on-tap="_submit">Log in
                <button type="submit" class="no-style"></button>
            </paper-button>
        </form>
    </iron-form>

在我的元素中，我有

代码语言：javascript
复制
    _submit() {
        this.$.loginForm.submit();
    }

    connectedCallback() {
        super.connectedCallback();
        this.$.loginForm.addEventListener('iron-form-presubmit', function (event) {
            event.preventDefault();
            myapp.auth.login(this.uid.value, this.pwd.value);
        });
    }

首先，当我开始键入用户名或密码时，标签不会浮动，而是显示在用户名后面。

第二，在iron-form上调用.submit()或.validate()会导致“this.inputElement.validate不是一个函数”，这是因为this.inputElement是未定义的。

我是不是遗漏了什么？聚合物-2-初学者-工具包模板表单聚合物-cli似乎是以rc为目标的，几乎没有安装任何UI元素。

谢谢。

polymer-2.x
EN

回答 2

Stack Overflow用户

发布于 2017-07-20 09:27:31

建议一次升级一个组件依赖项。而且，请务必阅读更改日志，并注意可能会中断的功能。

票数 0
EN

Stack Overflow用户

发布于 2017-07-21 02:01:02

好的，感谢Frank R.，我已经开始使用聚合物-2-初学者工具包，并根据需要不断添加纸质元素。鲍尔没有要求任何解决方案(我确实没有现金)。这是我目前的工作状态：

代码语言：javascript
复制
  "dependencies": {
    "polymer": "Polymer/polymer#^2.0.0",
    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0",
    "app-layout": "PolymerElements/app-layout#^2.0.0",
    "app-route": "PolymerElements/app-route#^2.0.0",
    "iron-ajax": "PolymerElements/iron-ajax#^2.0.0",
    "iron-collapse": "PolymerElements/iron-collapse#^2.0.0",
    "iron-form": "PolymerElements/iron-form#^2.0.0",
    "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^2.0.0",
    "iron-flex-layout": "PolymerElements/iron-flex-layout#^2.0.0",
    "iron-icon": "PolymerElements/iron-icon#^2.0.0",
    "iron-iconset-svg": "PolymerElements/iron-iconset-svg#^2.0.0",
    "iron-label": "PolymerElements/iron-label#^2.0.0",
    "iron-list": "PolymerElements/iron-list#^2.0.0",
    "iron-media-query": "PolymerElements/iron-media-query#^2.0.0",
    "iron-pages": "PolymerElements/iron-pages#^2.0.0",
    "iron-selector": "PolymerElements/iron-selector#^2.0.0",
    "paper-badge": "PolymerElements/paper-badge#^2.0.0",
    "paper-button": "PolymerElements/paper-button#^2.0.0",
    "paper-checkbox": "PolymerElements/paper-checkbox#^2.0.0",
    "paper-dialog": "PolymerElements/paper-dialog#^2.0.0",
    "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^2.0.0",
    "paper-fab": "PolymerElements/paper-fab#^2.0.0",
    "paper-icon-button": "PolymerElements/paper-icon-button#^2.0.0",
    "paper-input": "PolymerElements/paper-input#^2.0.0",
    "paper-item": "PolymerElements/paper-item#^2.0.0",
    "paper-listbox": "PolymerElements/paper-listbox#^2.0.0",
    "paper-toast": "PolymerElements/paper-toast#^2.0.0",
    "paper-tooltip": "PolymerElements/paper-tooltip#^2.0.0",
    "paper-password-input": "^2.1.0",
    "vaadin-upload": "^2.0.0",
    "socket.io-client": "^2.0.3",
    "chart.js": "^2.6.0"
  },
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/45200915

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档