Polymer:构建后无法加载资源

时间:2018-02-03 13:46:37

标签: polymer

我是聚合物的新手。我已经按照几个教程来学习库的基础。但是,在构建应用程序后,我总是遇到问题。 以下是如何重现我的问题的摘要。

polymer --version //returns 1.6.0

mkdir poly-app
cd poly-app
polymer init // Select polymer-2-application
polymer serve --open // works fine
polymer build
polymer serve build/default --open // works fine

现在,我想将我的代码导出到我的Web服务器。我复制粘贴/ poly-app / build / default的内容,然后将其粘贴到我的Web服务器上。当我尝试访问它时,会出现错误,例如:

Failed to load resource: the server responded with a status of 404 (Not Found)

我发现问题来自/poly-app/build/default/index.html中的以下代码行:

<script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="/src/poly-app-app/poly-app-app.html">

为了解决问题,我需要删除src和href属性中的第一个/。

<script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="src/poly-app-app/poly-app-app.html">

显然我每次构建应用程序时都需要手动执行此操作。有没有其他方法可以自动修复?

非常感谢!

1 个答案:

答案 0 :(得分:0)

我相信您正试图从您网站上的非根路径提供服务? 在这种情况下,您应该将构建配置的basePath属性设置为相应的路径,并且生成的代码应使用所需信息填充<base>标记,以便网址正常工作。