聚合物 webcomponents 跨瀏覽器兼容性

Question

在非 Chrome 瀏覽器 (Firefox/IE) 中使用 Google Polymer 時，我經常遇到問題。 單獨使用 Polymer（例如查看 Polymer Element 演示頁面）似乎不會導致任何問題。 然而，當使用 webcomponents.js 包含在具有許多包含的 GUI 和實用程序包（jQueryUI、

該問題似乎與 webcomponents.js 相關。 如果不使用 HTML 導入而只導入 webcomponents.js，它會在 Firefox 和 IE 中拋出相同的錯誤：

webcomponents.js:2114 - SyntaxError: An invalid or illegal string was specified
webcomponents.js:113 - Error: Assertion failed

webcomponents.js 的具體行簡單地讀取：

list = originalDocumentQuerySelectorAll.call(target, selector);

- 似乎沒有立即明顯的語法錯誤。

由於此錯誤，頁面上的其他 GUI 元素現在表現出錯誤行為。 發生這種情況時沒有提供其他有用的控制台輸出，也沒有其他 JS 包拋出異常。 使用 Chrome 時不會顯示此行為。

Answer 1

我有同樣的錯誤。 我解決了，在 jquery.js 之前加載 webcomponents.js。

Answer 2

我已經在最新版本的 Firefox 中使用最新版本的webcomponents.js進行了測試，只需加載它（沒有使用其他導入），它似乎工作......

在這里測試

在這里

您是否嘗試過最新版本的webcomponents.js或者它是舊版本？ Firefox 的版本怎么樣？

無法在 IE 上測試，我在 linux 上，抱歉。

Answer 3

我在加載 jQuery(v1.10.2) 和聚合物(webcomponents.js) 時遇到了同樣的問題。

使用 jQuery v2.1.4 修復了它。

Answer 4

我能夠通過從腳本中刪除$(document).ready來解決這個問題。

Answer 5

不太確定這是否仍然相關，但我最近在使用 web-component-tester 為基於 Polymer 1.11 的應用程序運行單元測試時遇到了這個問題。 這個問題開始出現在 chrome v81 上，之前工作正常。

所以，在每個規范文件中，我們都有一個 webcomponents.min.js 的導入，我用 webcomponents-lite.min.js 替換了它，這對我有用。