Polymer 示例不适用于 Firefox答案

【问题标题】：Polymer example not working on FirefoxPolymer 示例不适用于 Firefox
【发布时间】：2014-12-13 07:18:11
【问题描述】：

当我意识到我的 paper-dropdown-menu 元素无法在更新的 Firefox 上运行但在 Chrome 中没有出现问题时，我正在编写一个 Polymer 应用程序。

所有 bower 组件均已正确安装且可访问。任何浏览器上都没有控制台错误。

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

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

    <link rel="import" href="bower_components/core-menu/core-menu.html">
    <link rel="import" href="bower_components/paper-item/paper-item.html">
    <link rel="import" href="bower_components/paper-dropdown/paper-dropdown.html">
    <link rel="import" href="bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
    <link rel="import" href="bower_components/paper-button/paper-button.html">
</head>

<body>

    <style>
        paper-dropdown-menu {
            left: 24px;
            width: 180px;
        }
    </style>

      <paper-dropdown-menu label="Your favorite food">
          <paper-dropdown class="dropdown">
              <core-menu class="menu">
                  <paper-item>Pasta</paper-item>
                  <paper-item>Pizza</paper-item>
              </core-menu>
          </paper-dropdown>
      </paper-dropdown-menu>

      <paper-button raised>CLICK ME</paper-button>
</body>
</html>

更新：我尝试下载 paper-dropdown-menu demo 并在 localhost 中运行它。使用 bower 安装了所有组件，但在 Firefox 中仍然无法使用。在 Chrome 中运行良好。

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

<link href="bower_components/core-collapse/core-collapse.html" rel="import">
<link href="bower_components/core-menu/core-menu.html" rel="import">
<link href="bower_components/paper-dropdown/paper-dropdown.html" rel="import">
<link href="bower_components/paper-item/paper-item.html" rel="import">
<link href="bower_components/paper-dropdown-menu/paper-dropdown-menu.html" rel="import">
</head>
<body>

<template is="auto-binding">

    <paper-dropdown-menu label="Your favorite pastry">
        <paper-dropdown class="dropdown">
        <core-menu class="menu">
            <template repeat="{{pastries}}">
            <paper-item>{{}}</paper-item>
            </template>
        </core-menu>
        </paper-dropdown>
    </paper-dropdown-menu>

</template>

<script>
    scope = document.querySelector('template[is=auto-binding]');

    scope.pastries = [
    'Apple fritter',
    'Croissant',
    'Donut'
    ];
</script>

</body>
</html>

【问题讨论】：

为什么我被否决了？

标签： javascript firefox polymer

【解决方案1】：

由于某种原因，它无法在 localhost 端口 8000 上运行，但在 localhost 端口 80 上运行良好。

只需要像这样运行本地服务器：

sudo python -m SimpleHTTPServer 80

【讨论】：

更改端口对我的 Firefox 没有影响。