microsoft-edge - Webcomponents polyfills 在 Edge 上失败

标签 microsoft-edge polymer-2.x

我正在尝试将 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 非常相似但我决定对我的环境进行更全面的描述,因为我怀疑这是问题所在。

任何想法表示赞赏。

最佳答案

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.

关于microsoft-edge - Webcomponents polyfills 在 Edge 上失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46327283/

相关文章:

html - 边缘未在 :link 上显示背景颜色

css - 悬停时奇怪的 CSS 过渡闪烁

javascript - 聚合物2 : paper-dropdown-menu selection event not firing

javascript - Polymer UI 元素影子根不支持使用 selenium webdriver 进行自动化

css - 如何在 Polymer 中访问孙元素的 css mixin?

javascript - 由于不支持 copyToChannel,因此在 Microsoft Edge 中重新采样音频

microsoft-edge - SEC7117 尝试在 MS Edge 中加载 javascript 文件时出错

Java Selenium 3.14 和 Edge Chromium - 如何开始工作?

polymer - 使用 Polymer 在同一 Web 组件的实例之间进行通信的最佳方式?

polymer - scala.js 中真正的 JS 类来开发 webcomponents