Stenciljs：如何修复 Edge 的 polyfills 问题答案

【问题标题】：Stenciljs: How to fix polyfills issue for EdgeStenciljs：如何修复 Edge 的 polyfills 问题
【发布时间】：2019-08-21 17:02:52
【问题描述】：

我刚开始使用 Stenciljs。我有 polyfills 相关的问题。

以下代码适用于 Chrome，但不适用于 Edge 或 IE11 浏览器，这两种浏览器需要 polyfill。


  <script type="module">

    import { applyPolyfills, defineCustomElements } from 'https://unpkg.com/<my-component>/loader/index.mjs';

    applyPolyfills().then(() => {

      defineCustomElements(window);

    });

  </script>

我正在使用


"@stencil/core": "^1.0.7"

有谁知道如何让 polyfill 工作？

谢谢。

【问题讨论】：

您使用的是哪个版本的 Microsoft Edge？从文档来看，它支持 Microsoft Edge 16+。此外，您可以检查 this article 以添加 polyfill。
我正在使用 Microsoft Edge 44.17 Microsoft EdgeHTML 18 以上代码在 IE11 中也不起作用
我正在关注 Stencil doc (stenciljs.com/docs/javascript) 中的代码，但不确定为什么它不起作用...

标签： internet-explorer-11 microsoft-edge polyfills stenciljs

【解决方案1】：

尝试使用以下命令运行 Stenciljs 应用程序：

在开发期间启用 ES5 构建： npm run dev --es5

对于 stencil-component-starter，使用： npm start --es5

在开发期间启用完整的生产构建： npm run dev --prod

对于 stencil-component-starter，使用： npm start --prod

如果还是不行，在 index.html 页面的头部添加如下标签：

<meta http-equiv="x-ua-compatible" content="IE=Edge"/>

【讨论】：