聚合物应用程序位置不起作用答案

【问题标题】：Polymer app-location not working聚合物应用程序位置不起作用
【发布时间】：2017-10-27 11:11:52
【问题描述】：

我正在尝试一个非常简单的路由，但无法使其正常工作。我的代码：

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

<dom-module id="lab1-app">
  <template>
    <style>
      :host {
        display: block;
      }
    </style>
    <app-location route="{{rt}}"></app-location>
    <app-route
      route="{{rt}}"
      pattern="/:view"
      data="{{rd}}"
      tail="{{tail}}"
    ></app-route>
    <iron-pages selected="[[rd.view]]" attr-for-selected="pgid" fallback-selection="404" >
        <h2 pgid="profile">Profile</h2>
        <h2 pgid="detail">Detail</h2>
        <h2 pgid="form">Form</h2>
        <h2 pgid="404">404</h2>
    </iron-pages>
  </template>

  <script>
    /**
     * @customElement
     * @polymer
     */
    class Lab1App extends Polymer.Element {
      static get is() { return 'lab1-app'; }
      static get properties() {
        // console.log(dataRute);
        return {};
      }
    }

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

我不确定哪一部分出了问题，我可以判断 Iron-pages 正在工作，因为它总是显示 404，

但是当我尝试加载 localhost:8081/detail 时，它仍然显示 404。感谢任何帮助。谢谢！

【问题讨论】：

标签： routing polymer-2.x app-route

【解决方案1】：

实现没有问题，我忘记在我的 index.html 中导入 <app-location>

<link rel="import" href="../../bower_components/app-route/app-location.html">

是的，愚蠢的错误。抱歉 stackoverflow 占用了你的磁盘空间

【讨论】：