应用路由器路径抛出错误中的尾斜线(聚合物)

Question

我的应用程序路由器设置如下：

<app-router id="router" mode="pushstate">
<app-route path="/:category" import="bower_components/my-elements/category-page.html"></app-route>
<app-route path="/product/:query" import="bower_components/my-elements/product-page.html"></app-route>
</app-router>

导航到我的类别页面运行良好。如果我将URL中的路径更改为不同的类别，则内容将相应更新。

然而，当尝试加载产品页面时，我的应用程序会陷入无限循环。控制台反复打印来自platform.js的platform.js。

现在我注意到，只有当路径包含斜线时才会发生这种情况。如果我将路径更改为"/product“，那么页面会很好地加载，但是一旦添加斜杠，路径就会是"/product/:query”，甚至是"/product/new“，那么页面就不会加载。语法错误与"Resource interpreted as Stylesheet but transferred with MIME type text/html"和"Resource interpreted as Script but transferred with MIME type text/html"一起被无限抛出。

如果我将产品页的路径更改为"/product“，那么除了向任何路径(甚至类别页)添加斜杠外，都不会出现问题。

有人知道是什么导致了这一切吗？

编辑:更新后的标题与发行相关

Answer 1

我也有同样的问题，而我只是想出这是因为相对的路径。如果您将模板中的导入(以及应用程序路由导入)更改为绝对路径，这将解决您的问题。