I've written custom polymer element which works perfect in Chrome. But it's not even showing up in Firefox. I've use vulcanize to concatenate everything in one file even the platform and polymer. This is the main index file which I call for vulcanize.
<!DOCTYPE html>
<html>
<head>
<script src="bower_components/platform/platform.js"></script>
<link rel="import" href="bower_components/my_polymer/index.html">
</head>
</html>
This is my polymer element index file.
<!DOCTYPE html>
<html>
<head>
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="my-polymer-element.html">
</head>
</html>
Your setup is wrong.
You should not be importing index.html, but instead, import your element definitions in the main page. Your main page should look something like this:
<html>
<head>
<script src="bower_components/platform/platform.js"></script>
<link rel="import" href="my-polymer-element.html">
</head>
...
</html>
Note that polymer.html is listed as a dependency import at the top of your my-polymer-element.html
definition file.
See http://www.polymer-project.org/docs/start/creatingelements.html#createpolyel and also the seed-element: http://www.polymer-project.org/docs/start/reusableelements.html for examples.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments