0

我是聚合物框架的新手。我正在使用聚合物 2.0.0-rc.3 和最新版本的 chrome。但下面的代码不显示菜单。浏览器中只打印“Hello World”。开发者工具控制台没有显示任何错误。

下面是代码

测试app.html

<link rel="import" href="../bower_components/polymer/polymer-element.html">
<link rel="import" href="../bower_components/paper-menu/paper-menu.html">
<link rel="import" href="../bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import" href="../bower_components/paper-item/paper-item.html">

<!-- Since 'home' is the default route, eagerly load it. -->
<!--  <link rel="import" href="shop-home.html"> -->

<dom-module id="test-app">
  <template>
    <H1>Hello World</H1>
   <paper-toolbar>
      <div class="horizontal-section">
        <paper-menu>
          <paper-item>Inbox</paper-item>
          <paper-item>Starred</paper-item>
          <paper-item>Sent mail</paper-item>
          <paper-item>Drafts</paper-item>
        </paper-menu>
      </div>
     </paper-toolbar>  
   </template>
  <script>
    class testApp extends Polymer.Element {
        static get is() { return 'test-app'; }
      }

    customElements.define(testApp.is, testApp);
  </script>
</dom-module>

索引.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
  <title>test</title>
  <link rel="import" href="src/test-app.html" async>
</head>
<body>
  <test-app unresolved>test</test-app>

  <script>
    window.performance && performance.mark && performance.mark('index.html');

    Polymer = {lazyRegister: true, dom: 'shadow'};

    (function() {
      if ('registerElement' in document
          && 'import' in document.createElement('link')
          && 'content' in document.createElement('template')) {
        // platform is good!
      } else {
        // polyfill the platform!
        var e = document.createElement('script');
        e.src = 'bower_components/webcomponentsjs/webcomponents-lite.js';
        document.body.appendChild(e);
      }
    })();
  </script>

</body>
</html>

鲍尔.json

"polymer": "polymer/polymer#^2.0.0-rc.3",
"app-layout": "polymerelements/app-layout#^0.10.7",
"app-route": "polymerelements/app-route#^0.9.3",
"iron-flex-layout": "polymerelements/iron-flex-layout#^1.3.2",
"iron-form": "polymerelements/iron-form#^1.1.4",
"iron-icon": "polymerelements/iron-icon#^1.0.12",
"iron-pages": "polymerelements/iron-pages#^1.0.8",
"iron-selector": "polymerelements/iron-selector#^1.5.2",
"paper-icon-button": "polymerelements/paper-icon-button#^1.1.4",
"paper-spinner": "polymerelements/paper-spinner#^1.2.1",
"iron-media-query": "polymerelements/iron-media-query#^1.0.8",
"paper-menu": "polymerelements/paper-menu#^1.2.2",
"paper-item": "polymerelements/paper-item#^1.2.1",
"paper-toolbar": "polymerelements/paper-toolbar#^1.1.7"

有没有人对错误有任何想法？关于如何调试它以查找错误的任何指南？

4

1 回答 1

0

paper-menu已在 Polymer 2 中弃用。正如此评论所述：

此元素已被弃用，取而代之的是已移植到 Polymer 2.0的paper-listbox 。

于 2017-10-18T15:31:20.163 回答