聚合物：构建后无法加载资源

Question

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

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

现在，我想将我的代码导出到我的网络服务器。我复制粘贴 /poly-app/build/default 的内容并将其粘贴到我的网络服务器上。当我尝试访问它时，出现如下错误：

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">

显然我每次构建应用程序时都需要手动执行此操作。还有其他自动修复的方法吗？

非常感谢！

Answer 1

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

聚合物：构建后无法加载资源

Polymer: Failed to load resources after build

polymer