In this Plunk, why won't the x-foo
element render HELLO WORLD?.
Given the more complex content-el
seems to be importing an iron-data-table
perfectly correctly. Am I overlooking something simple? Please answer with a working plunk.
<base href="https://polygit.org/polymer/components/">
<link rel="import" href="polymer/polymer.html">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<dom-module id="x-foo">
<template>
<style></style>
HELLO WORLD
</template>
<script>
(function() {
'use strict';
Polymer({
is: 'x-foo',
});
})();
</script>
</dom-module>
You'll notice the browser console displays:
The browser cannot find the required imports for Polymer because your
<base>
URL has a malformed polygit configuration inx-foo.html
:Expected URL format for
polygit.org
:where
<configurations>/
is:So your
<base>
URL should be any of the following:plunker