我有错误文档.注册元素未被细化

I have error document.registerElement underfined

本文关键字：细化 元素 注册 有错误 文档      更新时间：2023-09-26

JavaScript运行时错误：对象不支持属性或方法'registerElement'

在文件中： ...bower_components''聚合物''聚合物.js 11701行

  document.registerElement('polymer-element', {prototype: prototype});

我的鲍尔：

{
  "name": "Polymer",
  "version": "0.0.0",
  "main": "main",
  "license": "MIT",
  "private": true,
  "dependencies": {
    "polymer": "Polymer/polymer#~0.5.2",
    "core-icons": "Polymer/core-icons#~0.5.2",
    "core-elements": "Polymer/core-elements#~0.5.2",
    "paper-elements": "Polymer/paper-elements#~0.5.2"
  }
}

和我的页面：

<!DOCTYPE html>
<html>
<head>
    <link rel="import" href="/client/polymer-0.5.2/bower_components/polymer/polymer.html">
</head>
<body>
    <!-- render data set -->
  <template id="auto-bind-demo" is="auto-binding" repeat="{{quotes}}">
    <div on-tap="{{quoteClicked}}">
      <h3>{{quote}}</h3>
      - <em>{{attribution}}</em>
    </div>
  </template>
  <script>
    var t = document.querySelector('#auto-bind-demo');
    t.quoteClicked = function() {
      alert('Quote clicked!');
    };
    t.quotes = [{ 
      attribution: 'Plautus', 
      quote: 'Let deeds match words.'
    }, { 
      attribution: 'Groucho Marx',
      quote: 'Time flies like an arrow. Fruit flies like a banana.'
    }];
  </script>
</body>
</html>

怎么了？我从文档中的示例中获取了这一点。这里 https://www.polymer-project.org/docs/polymer/databinding-advanced.html#autobinding

PS：浏览器IE11

目前只有 Chrome 和其他基于 blink 的浏览器支持自定义元素。Firefox 支持，但不支持 defualt。

请参阅"我可以使用"以获取完整的支持图表。

如果您在其他浏览器上使用它，则需要包含 Web 组件填充（通常是名为 webcomponents.js 的文件）。

相关文章：