ReferenceError：未定义Polymer

Question

当我开始gulp serve面临以下错误时

  

ReferenceError：未定义Polymer   http://localhost:5000/elements/my-greeting/my-greeting.html:30

ReferenceError：未定义Polymer http://localhost:5000/elements/my-list/my-list.html:30

这是我问候的代码。

 <script>
(function() {
  'use strict';

  Polymer({
    is: 'my-greeting',

    properties: {
      greeting: {
        type: String,
        value: 'Welcome!',
        notify: true
      }
    }
  });
})();
</script>

Answer 1

您必须在list.html文件中包含对聚合物的引用：

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

你确定它被收录了吗？

Answer 2

虽然我通过IIS提供服务，但我遇到了与您相同的问题。

Error: Polymer is not defined
<unknown> at /GooglePolymer/starterKit/app/elements/my-greeting/my-greeting.html:30
<unknown> at /GooglePolymer/starterKit/app/elements/my-greeting/my-greeting.html:41

Chrome DevTools扔了404，告诉我它找不到bower组件polymer.html

Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost/GooglePolymer/starterKit/app/bower_components/polymer/polymer.html

出于某种原因，我无法解释文件中的链接引用无法正常运行，也没有将足够的级别链接到bower_components。因此找不到文件。

解决方案：我将bower_components文件夹复制到应用程序中，并将其发挥作用。我希望这有助于解决您的问题。

Answer 3

在自定义元素文件中导入polymer.html。

Answer 4

找到.bowerrc文件，并确保该条目指向bower组件所在的目录脚手架位置。

即使您的代码“链接”到项目凉亭组件的确切位置，.bowerrc文件也会覆盖该指令[最重要的是聚合物]。在我的例子中，bowerrc文件声称凉亭组件位于公共[application，NOT project]目录中。

许多聚合物示例将凉亭组件偏移一个或两个子目录，因此使用npm添加凉亭组件会导致不匹配，从而表现为双[绞合]凉亭组件源。例如，运行诸如 npm install之类的bower请求 - 保存总是安装到项目目录，无论.bowerrc文件指向公共目录。

说了这么多，将bower组件放在项目目录中，比如firebaseTest和应用程序目录，说public [firebaseTest-＆gt; public]修复了多个bower组件问题。这些是“Whack-a-Mole”类型的错误，其中一个修复将导致修复破坏其他错误。

我正在“[paper-listbox :: _ flattenBehaviorsList]：行为为空，检查丢失或404导入”问题搞砸了下拉组件。

看起来材料组件本身具有内部依赖性引用问题，这意味着材料组件的某些子集需要位于项目目录中，而其他组件则需要位于应用程序目录中。我刚刚在两个地方放弃了相同的凉亭组件目录。