聚合物0.8"未捕获的ReferenceError:聚合物未定义"

Question

最近我决定测试Polymer 0.8而不仅仅是阅读它,但是我遇到了一个错误:"Uncaught ReferenceError:Polymer is not defined".

我有一种感觉,这是非常简单的,我错过了我似乎无法弄明白.

下面是我从功能概述文档中复制并粘贴的代码:

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

<dom-module id="element-name">
  <style>
    /* CSS rules for your element */
  </style>
  <template>
    <!-- local DOM for your element -->

    <div>{{greeting}}</div> <!-- data bindings in local DOM -->
  </template>
</dom-module>

<script>
  // element registration
  Polymer({
    is: "element-name",

    // add properties and methods on the element's prototype

    properties: {
      // declare properties for the element's public API
      greeting: {
        type: String,
        value: "Hello!"
      }
    }
  });
</script>

<element-name></element-name>

提前致谢.

Answer 1

webcomponents-lite.min.js是Polyfill for Shadow DOM和html Imports你应该将它添加到你的main.html页面而不是你的自定义组件.

相反,您应该在添加了Polyfill的位置添加Polymer Library.

下面是一个示例代码:

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

<dom-module id="element-name">
  <style>
    /* CSS rules for your element */
  </style>
  <template>
    <!-- local DOM for your element -->