在我的一个聚合物组件中,我无法使用http-server或firebase托管生产版本[聚合物版本]。
这是聚合物项目:https://stackblitz.com/edit/polymer-3-sh-dropdown
我添加了这些polyfills
<script src="./node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
<script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js" async></script>
当我使用“聚合物服务”托管时,WebComponent可以与Chrome和IE11正常工作。当我尝试使用Polymer build进行构建并使用“ http-server”命令将其托管时,IE11显示为空白,控制台中未显示任何错误。
我也在Firebase中托管了Polymer应用程序,对此我有同样的观察。看起来polyfills无法正常工作/无法拾取。
令人困惑的是,当我们在本地尝试“聚合物投放”时,IE11中的工作原理也是如此。
如何在IE11中诊断此类情况?
注意:我们无法在IE11中使用stackblitz,而必须在本地下载并运行聚合物。
问候 Basanth