app-router路径中的尾随斜杠抛出错误(Polymer)

时间:2014-12-17 17:56:11

标签: polymer web-component

我的app-router设置如下:

<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的uncaught syntax error with unexpected token '<'

现在我注意到只有当路径包含斜杠时才会发生这种情况。如果我将路径更改为“/ 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”,那么通过向任何路径甚至类别页面添加斜杠都没有问题,会导致错误发生。

有谁知道可能导致这种情况的原因?

编辑:更新的标题与问题相关

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题,我发现这是因为相对路径。如果您将模板中的导入(以及应用程序路由导入)更改为绝对路径,那么这应该可以解决您的问题。