microsoft-edge - Webcomponents polyfills 在 Edge 上失败

Question

我正在尝试将 Polymer 2 组件集成到现有的 SPA([ab] 使用 JSF 构建)。只要我的 POC 在 Chrome 中运行，我的基础知识就可以正常工作，我真的不在乎它是在 Shadow 还是 Shady DOM 中呈现(但是。两者都已成功测试)。此外，还没有 Polymer 构建。但一切都很好。

进入 MS Edge。现在我需要 polyfill 每个平台功能，但我对此很好:我做了 bower install webcomponentsjs 我也 <script> -包括webcomponents-lite.js ，我的 html header 中的第一件事。即使在强制所有 polyfills 时，在 Chrome 中一切正常。

对于以下文件(非详尽列表)，MS Edge 只会产生大量的 HTTP 404:

• (XHR)GET -localhost:9980/my/application/root/bower_components/webcomponentsjs/%20[合成:util/global]
• [...]root/bower_components/webcomponentsjs/webcomponents-hi-sd-ce-pf-index.js
• [...]root/bower_components/node_modules/@webcomponents/shadycss/src/scoping-shim.js
• +还有 63 个类似的失败请求，都指向 bower_components/node_modules

有趣的是，在我运行 bower install 之后，这些都不存在于我的设置中.它们应该被生成吗？如果是这样，在什么构建/设置步骤中？包括webcomponents-loader而不是 webcomponents-lite没有任何区别。

Webcomponents polyfill 最先包含在 header 中；聚合物库最后。中间加载了一些其他 JavaScript 库，用于呈现应用程序。在应用程序本身被渲染和初始化之后，组件被实例化并按需延迟加载。但我怀疑 Edge 在此之前很久就停止了与 WC 相关的任何事情。此外，由于 F12 调试工具的网络选项卡在加载时立即死亡，我无法调试任何网络事件(例如正确加载 webcomponents-[lite|loader])。

我的应用程序由 WebSphere Liberty 配置文件 (Windows 7) 提供服务，这可能会或可能不会产生重大影响。也许这是文件/磁盘权限的问题？我该如何检查？

我知道这个问题看起来与 Polymer 2.0 webcomponents-loader.js is missing Edge polyfill 非常相似但我决定对我的环境进行更全面的描述，因为我怀疑这是问题所在。

任何想法表示赞赏。

Answer 1

Edge 可以正常工作，但使用 F12 开发人员工具会出现问题。

事实证明，这与我的背景完全无关；同样的问题适用于使用初学者工具包创建的项目。

参见 https://github.com/PolymerElements/polymer-starter-kit/issues/1025从另一个角度来看:

@Inrego commented on 27 Jul: I updated polymer-cli and used polymer init followed by polymer serve Result: Without F12 window, the app loads. With F12 window open, the app doesn't load, and a few js errors are thrown.