如何在 Polymer 和 firebase 项目中从站点外部导入聚合物 html 文件答案

【问题标题】：How to import polymer html files from outside the site in a Polymer and firebase project如何在 Polymer 和 firebase 项目中从站点外部导入聚合物 html 文件
【发布时间】：2016-06-15 02:53:45
【问题描述】：

最新进展：看来我可以从可能的原因中排除火力。因为我只用聚合物部署进行了测试，结果也很糟糕。

我的项目使用 Google Polymer 并部署到 Firebase 托管。它需要从 Firebase 托管外部导入一些聚合物 html 文件。所以我将代码从下面的“本地”更改为“外部”。但是，“外部”根本不起作用，其中“本地”是指我用于测试的本地计算机或 Firebase 托管。你能指出我的代码有什么问题吗？

my-app.html 具有以下链接之一。

    //"local: OK"
    <link rel="import" href="some.html">
    //"outside: not OK"
    <link rel="import" href="https://outside.com/some.html">

而 my-app.html 使用元素 id="some" 作为

    <template><some></some></template>

而“some.html”仅包含一个带有以下简单模板的 dom 模块。让我省略写其他部分，因为它们也是最小的。

    <template><h1>test</h1></template>

【问题讨论】：

你有这个的演示（jsbin/codepen/plunker）吗？您的浏览器控制台中显示了哪些错误？
@tony，您的评论让我意识到我的项目不仅仅是一个 Polymer 项目，而是一个 Firebase 和 Polymer 项目。我修改了问题。
控制台是否出现错误？
@GünterZöchbauer，导入的聚合物html，some.html，只有一个简单的内容，
test
。它在使用 href 测试到本地时出现，而在使用 hre 到部署站点之外进行测试时不会出现。

标签： polymer

【解决方案1】：

为了使其工作，其他来源的资源必须启用 CORS（跨来源资源共享），如 this article 状态。 HTML 导入上的 W3C draft 也提到了它。

link 标记也有一个crossorigin 属性，这可能会有所帮助。例如。 <link rel="import" href="https://outside.com/some.html" crossorgin="anonymous">.

【讨论】：