JavaScript runtime error: object does not support property or method 'registerElement'
in file: ... bower_components \ polymer \ polymer.js line 11701
document.registerElement('polymer-element', {prototype: prototype});
My conversation:
{
"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"
}
}
And my page:
<!DOCTYPE html>
<html>
<head>
<link rel="import" href="/client/polymer-0.5.2/bower_components/polymer/polymer.html">
</head>
<body>
<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>
What happened? I took this from an example in the documentation. Here https://www.polymer-project.org/docs/polymer/databinding-advanced.html#autobinding
PS: IE11 browser
source
share