爲什麼Safari/Firefox無法識別聚合物

我正在試驗Polymer-2/webcomponents，併成功完成this教程。另外，我添加了一個試用文件，它在Chrome中加載&顯示（但沒有正確的嵌套），但在Safari（10.0.3）和Firefox（52.02）中完全不顯示，我看到Reference error: can't find variable Polymer所有依賴關係似乎都可用在bower_components下，當我在FF和Safari的控制檯中輸入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>

來源

2017-04-17 dr jerry

嘗試添加：

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

來源

2017-04-17 16:44:04 Phil

感謝您的回答，但現在我得到了很多錯誤，比如'已定義名稱爲dom-if | bind | module | selector的自定義元素' –

，如果你移動一個單獨的文件和link rel=import href..到該文件中的文檔模板，它運作良好。

來源

2017-04-18 18:38:59

爲什麼Safari/Firefox無法識別聚合物

回答

相關問題