2017-04-17 3 views
0

私はPolymer-2/webcomponentsを試していて、thisチュートリアルを正常に完了しました。さらに、私は&の試しファイルをChromeにロードしましたが、Safari(10.0.3)とFirefox(52.02)には表示されません。Reference error: can't find variable Polymerすべての依存関係が利用可能であるようですbower_componentsの下でFFとSafariのコンソールにPolymerと入力すると、Polymerが定義されているように見えるため、タイミングの問題がある可能性がありますか?何が間違っていますか?Safari/Firefoxがポリマーを認識しないのはなぜですか

<!doctype html> 
<html lang="en"> 
<head> 
    <script> 
    window.ShadyDOM = { force: true }; 
    </script> 
    <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script> 
    <link rel="import" href="bower_components/polymer/polymer.html"> 
</head> 
<body> 
    <dom-module id="my-foo"> 
    <template> 
     <h1> 
     <slot></slot> 
     </h1> 
    </template> 
    <script> 
     Polymer({ is: 'my-foo' }); 
    </script> 
    </dom-module> 
    <dom-module id="my-bar"> 
    <template> 
     <i> 
     <slot></slot> 
     </i> 
    </template> 
    <script> 
     Polymer({ is: 'my-bar' }); 
    </script> 
    </dom-module> 
    <my-foo> 
    <my-bar>Hello world!</my-bar> 
    </my-foo> 
</body> 
</html> 

答えて

0

追加しよう:

<!-- Load webcomponents-loader.js to check and load any polyfills your browser needs --> 
    <script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script> 
+0

お返事ありがとうございますが、今度は、 'name dom-if | bind | module | selector 'というカスタム要素がすでに定義されているようなエラーが多発します。 –

0

あなたがそのファイルに別のファイルとlink rel=import href..内部文書テンプレートを移動する場合、それはうまく動作します。

関連する問題