2016-10-18 14 views
0

を登録しません:Firebaseホスティングは私が作成したアプリの足場を持つポリマー

polymer init 

その後、

{ 
    "entrypoint": "index.html", 
    "shell": "src/my-app.html" 
} 

のように見えるpolymer.jsonファイルで:

firebase init 

firebase.jsonのように見える:

{ 
    "database": { 
    "rules": "database.rules.json" 
    }, 
    "hosting": { 
    "public": "build/bundled", 
    "rewrites": [ 
     { 
     "source": "**", 
     "destination": "/index.html" 
     } 
    ] 
    } 
} 

Firebaseホスティングのサイトを開こうとすると、私はpolymer initによって生成された最初のアプリの構造上polymer buildを実行してから、私は(JSコンソールで)これらのエラーを取得firebase deployとホスティングにプッシュする場合:

webcomponents-lite.js:1 Uncaught SyntaxError: Unexpected token < 
webcomponents-lite.js:1 Uncaught SyntaxError: Unexpected token < 
my-app.html:13 Uncaught ReferenceError: Polymer is not defined 

参考のために、ここにindex.htmlです:

<!doctype html> 

<html> 
    <head> 
    <title>Snappy Title</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="manifest" href="/manifest.json"> 
    <script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script> 
    <link rel="import" href="/src/my-app/my-app.html"> 
    </head> 
    <body> 
    <my-app></my-app> 
    </body> 
</html> 

my-app.html

<link rel="import" href="../../bower_components/polymer/polymer.html"> 

<dom-module id="my-app"> 
    <template> 
    <style> 
     :host { 
     display: block; 
     } 
    </style> 
    <h2>Hello [[prop1]]</h2> 
    </template> 

    <script> 
    Polymer({ 

     is: 'my-app', 

     properties: { 
     prop1: { 
     type: String, 
     value: 'my-app', 
     }, 
     }, 
    }); 
    </script> 
</dom-module> 

これらのファイルの両方がpolymer init

注意を経由して自動魔法のように作成されます。私はFirebaseホスティングを通じて非ビルドコードを提供している場合でも、エラーは同じまま。

答えて

3

webcomponentsjs polyfillから問題が発生する可能性が高くなります。 webcomponentsjsポリフィルがbuildディレクトリにあることを確認してください。見つからないか、またはpolymer-cliを使用している場合は、polymer.jsonの中に含めることを忘れてしまった。

+0

polymer.jsonのincludeDependencies属性にwebcomponentsjsを追加すると、エラーが解決されました。ヒントをありがとう! – Lunchbox

関連する問題