文章/答案/技术大牛

发布

社区首页 >问答首页 >不能使用任何聚合物元素

问不能使用任何聚合物元素
EN

Stack Overflow用户

提问于 2016-02-28 10:34:25

回答 1查看 798关注 0票数 0

我刚刚开始学习和使用聚合物，我制作了所有的安装和进口，就像谷歌的聚合物网站一样，但我仍然不能让一个聚合物元件工作。这些是文件: bower.json

{
  "name": "take0",
  "description": "0.0",
  "main": "index.html",
  "moduleType": [
    "amd"
  ],
  "keywords": [
    "polymer"
  ],
  "authors": [
    "Balajee"
  ],
  "license": "MIT",
  "homepage": "",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "core-component-page": "Polymer/core-component-page#^0.5",
    "core-elements": "Polymer/core-elements#^0.5.6",
    "paper-elements": "Polymer/paper-elements#^0.5.6",
    "platform": "Polymer/platform#^0.4.2",
    "polymer": "Polymer/polymer#^1.3.0"
  }
}

Index.html：

<!DOCTYPE HTML>
<html>
    <head>
        <title>
            Take 0 on polymer
        </title>
      <link rel"import" href="bower_components/polymer/polymer.html">
        <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
       <!-- Componenet kicks in-->
       <link   rel="import" href="components/component-one.html">
       </head>    
        <body>
            <component-one>
            </component-one>
        </body>
</html>

组件/组件-one.html：

<link rel="import" href="../bower_components/paper-button/paper-button.html">
<!-- Component one-->
<dom-module id="component-one">
  <style>
    paper-button.fancy {
      background: green;
      color: yellow;
    }
    paper-button.fancy:hover {
      background: lime;
    }
  </style>
  <template>
    <h1>{{title}}</h1>
    <p>Ready to take you out with polymer!!</p>
    <paper-button raised>
      Click Me!!</paper-button>
  </template>
</dom-module>
<script>
  Polymer({
    is: "component-one",
    properties: {
      title: {
        type: String,
        value: "Hello World!!!"
      }
    },
    ready: function() {
      console.log("I'm Working!!!!!")
    }

  });
</script>

我花了两天时间寻找这个问题，却找不到任何解决问题的方法。

polymer

polymer-1.0

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-29 07:27:56

这里的问题是，您使用的是聚合物1.3.0，并为“古”聚合物0.5构建元素。

尝试将bower.json文件的依赖项部分替换为以下部分：

"dependencies": {
  "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
  "iron-elements": "PolymerElements/iron-elements#^1.0.0",
  "paper-elements": "PolymerElements/paper-elements#^1.0.0",
  "polymer": "Polymer/polymer#^1.3.0"
}

您可以看到，core-elements库被iron-elements所取代。

为了避免这种错误，我建议您始终使用高分子元素目录来查找Google (例如，这里是纸按钮页，使用显示在菜单抽屉底部的推荐的bower命令导入它)。

另外，如果你在Github或customelements.io上发现一个有趣的元素，总是检查它是bower.json，以确定它是基于哪个聚合物版本的。

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35681394

复制

相似问题

问不能使用任何聚合物元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不能使用任何聚合物元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不能使用任何聚合物元素
EN