我有错误 document.registerElement undefined

Question

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

在文件中：...bower_components\polymer\polymer.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

注：浏览器 IE11

Answer 1

目前只有 Chrome 和其他基于闪烁的浏览器支持 自定义元素 。 Firefox 支持但默认不启用。

有关完整的支持图表，请参阅 Can I Use。

如果你在其他浏览器上使用它，你需要包含一个Web组件 polyfill（通常是一个名为[=24=的文件]).

我有错误 document.registerElement undefined

I have error document.registerElement underfined

javascript

polymer