Polymer 0.8“未捕获的引用错误：聚合物未定义”

最近，我决定测试 Polymer 0.8 而不是仅仅阅读它，但是我遇到了一个错误：“Uncaught ReferenceError：Polymer 未定义”。

我有一种感觉，这是一件非常简单的事情，我错过了，我似乎无法弄清楚。

下面是我的代码，我从字面上复制并粘贴功能概述 https://www.polymer-project.org/0.8/docs/devguide/feature-overview.html文档：

<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>

提前致谢。

webcomponents-lite.min.js是 PolyfillShadow DOM和 HTMLImports你应该添加这个给你main.html页面而不是您的自定义组件中。

相反，您应该在已添加 Polyfill 的位置添加聚合物库。

下面是一个示例代码：

<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 -->