如何在GitHub页面上发布Polymer应用程序?

时间:2016-11-20 21:27:49

标签: github polymer publish github-pages

我根据他们的教程应用编写了一个Polymer应用程序,并尝试将其发布到GitHub Pages。据我所知,我的文件夹结构与Polymer GitHub中的文件夹结构相同。但是,在发布到GitHub页面之后,Polymer的index.htmlsrc文件夹在其页面的项目名称(polymer-starter-kit)下彼此对等。 Polymer working tutorial page

对我来说,我的index.html位于页面的项目名称(smash-up)下,但src文件夹显示的级别太高了。它也不包含我的实际src文件。我得到一个错误,说它正在查看粉碎目录以外找到src文件夹,这真的很奇怪。

我破碎的项目页面: my broken project page

那是什么给出的?如何让它在smash-up文件夹下发布和搜索,就像它应该的那样?我的回购是在GitHub:dalejoel/smash-up

1 个答案:

答案 0 :(得分:0)

我已经成功地在我的Polymer v2应用程序中解决了这个问题,只需更改源文件(index.html和我的/ src /文件夹上的所有相关路径),方法是设置一个前导点,以便创建路径相对的。

例如<link rel="import" href="/src/my-app.html">

成为<link rel="import" href="./src/my-app.html">

如您所见,第一条路径是绝对的,而第二条路径是相对于当前工作目录的。

检查我的浏览器的开发工具网络选项卡帮助我监控哪些文件没有被正确提取(404) - 从那时起,这只是修复所有导入,图像路径等问题,直到我得到了应用程序在免费的GitHub页面服务上正常运行。