Edge组件多填充在边缘上失败

Question

我正在尝试将聚合物2组件集成到现有的SPA中(构建滥用JSF)。我有基本的工作，只要我的POC运行在Chrome，我并不真正关心它是呈现在阴影或阴影DOM (目前为止)。两者均被成功测试)。此外，目前还没有聚合物的建造。但一切都很好。

进入边缘号。现在，我被要求填充每个平台特性，但我对此没有意见:我做了bower安装webcomponentsjs，我还在html头上首先安装了。即使强迫所有的填充，在Chrome中一切都很好。

MS Edge只为以下文件(非详尽的列表)生成大量的HTTP404：

• (XHR)GET - localhost:9980/my/application/root/bower_components/webcomponentsjs/%20synthetic: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_模块

有趣的是，在我只运行了bower install之后，在我的设置中没有任何一个。它们应该产生吗？如果是，在什么构建/安装步骤？包括webcomponents-loader而不是webcomponents-lite没有任何区别。

Webcomponents的头中包含了第一件事，最后是聚合物库。在中间还加载了一些其他JavaScript库，用于呈现应用程序。组件被实例化并按需加载，在应用程序本身被呈现和初始化之后。但我怀疑边缘早在此之前就停止了任何与WC相关的活动。此外，我也不能调试任何网络活动(例如，适当加载webcomponents-lite\loader)，因为F12调试工具的网络选项卡在加载时立即死亡。

我的应用程序是由WebSphere make (Windows 7)提供的，这可能会或不会带来所有的不同。也许这是文件/磁盘权限的问题？我怎么才能查到？

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

任何想法都值得赞赏。

Answer 1

我已经找到了邪恶的真正根源，至少在我非常具体的上下文中是这样(见OP)：

webcomponentsjs-polyfills修改本机DOM功能，该功能被包含在同一页中的任何其他框架使用！

因此，虽然web组件仍然可以快速呈现(取决于它们自己的实现)，但多填充也会严重影响封装页面的呈现行为(和性能)。因此，如果您有很多命令式的DOM操作(就像我所做的)，那么页面/应用程序很可能会以令人痛苦的缓慢死亡而死亡。

Answer 2

Edge正在工作，但是使用F12开发工具会破坏一切。

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

有关此问题的另一个角度，请参见https://github.com/PolymerElements/polymer-starter-kit/issues/1025：

@Inrego在7月27日评论:我更新了聚合物-cli和使用聚合物init，然后聚合物服务的结果:没有F12窗口，应用程序加载。打开F12窗口后，应用程序不会加载，也会引发一些js错误。