blank page in Polymer

ram...@studioq.co.in

unread,

Mar 9, 2015, 7:22:14 AM3/9/15

to polym...@googlegroups.com

I am newbie for Polymer. I just tried to add but getting blank screen. Did I missed any script or something?

<!DOCTYPE html>
<html>
    <head>
        <title>Learn Polymer</title>
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
        <script src="bower_components/polymer/polymer.js"></script>
        <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
        <link rel="import" href="bower_components/core-drawer-panel/core-drawer-panel.html">
    </head>
    <body unresolved>

    <core-drawer-panel transition id="core_drawer_panel" touch-action>
        <section id="section" drawer></section>
        <section id="section1" main></section>
    </core-drawer-panel>
    <script>

        Polymer({
        });

    </script>

</body>
</html>

AJ Ortega

unread,

Mar 9, 2015, 1:39:20 PM3/9/15

to ram...@studioq.co.in, polym...@googlegroups.com

Replace

<script src="bower_components/polymer/polymer.js"></script>

with

<link rel="import" href="bower_components/polymer/polymer.html">

and put it after webcomponents.js.

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/c963ef5e-6dc9-4bdb-8efa-c5135b33be03%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

AJ Ortega | Software Engineer | a...@google.com | 626-872-5064

Eric Bidelman

unread,

Mar 9, 2015, 3:07:02 PM3/9/15

to AJ Ortega, ram...@studioq.co.in, polym...@googlegroups.com

You can actually remove polymer.js/html altogether. core-drawer-panel imports it as a dependency. In your head, include the polyfill and the drawer panel element:

<script src="bower_components/webcomponentsjs/webcomponents.js"></script>

Also remove the call to Polymer() in your main page:

That call is for when you're defining an element and needs to be inside <polymer-element>.

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAKf8-xiz1h6d4a3pKfgR3D%2BC-JsdRUbjjibW6LrcYsCdoL8HzQ%40mail.gmail.com.

Reply all

Reply to author

Forward