javascript - polymer 网络组件跨浏览器兼容性

Question

我在非 Chrome 浏览器 (Firefox/IE) 上使用 Google Polymer 时经常遇到问题。单独使用 Polymer(例如查看 Polymer Element 演示页面)似乎不会导致任何问题。但是，当在现有 Web 应用程序中使用 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。