2016-06-15 13 views
1

Neueste Progression: Es scheint, dass ich Firebase von möglichen Ursachen ausschließen kann. Weil ich nur mit Polymereinsatz getestet habe und auch ein schlechtes Ergebnis bekommen habe.Wie Polymer-HTML-Dateien von außerhalb der Website in einem Polymer-und Firebase-Projekt importieren

Mein Projekt verwendet Google Polymer und wird für Firebase-Hosting bereitgestellt. Es muss eine Polymer-HTML-Datei von außerhalb des Firebase-Hosting importiert werden. Also habe ich den Code von "local" nach "outside" geändert. "Außerhalb" funktioniert jedoch überhaupt nicht, wobei "lokal" meinen lokalen Computer zum Testen oder das Firebase-Hosting bedeutet. Können Sie auf den Fehler in meinem Code hinweisen?

my-app.html hat einen der folgenden Links.

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

Und mein-app.html verwendet das Element, id = "einig", wie

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

Und "some.html" enthält nur einen dom-Modul mit der folgenden einfachen Vorlage. Lassen Sie mich das Schreiben anderer Teile weglassen, weil sie auch minimal sind.

<template><h1>test</h1></template> 
+0

Haben Sie eine Demo (Jsbin/Codepen/Plunker) davon? Welche Fehler werden in Ihrer Browser-Konsole angezeigt? – tony19

+0

@tony, Ihr Kommentar hat mir gezeigt, dass mein Projekt nicht nur ein Polymer-Projekt ist, sondern ein Firebase- und Polymer-Projekt. Ich habe die Frage überarbeitet. – yuzu

+0

Erhalten Sie einen Fehler in der Konsole? –

Antwort

0

Damit dies funktioniert, Ressourcen auf andere Ursprünge müssen CORS-fähigen (Cross-Origin Resource Sharing) als this article Staaten sein. Die W3C draft über HTML-Importe erwähnt es auch.

Das link Tag hat auch ein crossorigin Attribut, das hier helfen kann. Z.B. <link rel="import" href="https://outside.com/some.html" crossorgin="anonymous">.

Verwandte Themen