title: How to fix web components not showing in Microsoft Edge
body: <p>I'm trying out lit-element and everything was going well with browsers such as Chrome and Firefox. But I faced a problem when I tried Microsoft Edge and IE11. The web component that shows in Chrome and Firefox doesn't show in Microsoft Edge and IE11.</p>
  
  <p>I did some search on the internet and also read the documentation of Lit Element and it says I will need to load the polyfills in order for the web components to work in Edge and IE11, however I have encountered problems while trying to do so.</p>
  
  <p>The code that I'm using to load my polyfills are as follow,</p>
  
  <pre><code>&lt;script src="https://unpkg.com/@webcomponents/webcomponentsjs@2.2.7/webcomponents-bundle.js"&gt;&lt;/script&gt;
    &lt;script src="https://unpkg.com/@webcomponents/webcomponentsjs@2.2.7/webcomponents-loader.js"&gt;&lt;/script&gt;
  
  &lt;script type="module"&gt;
    window.WebComponents = window.WebComponents || {
      waitFor(cb){ addEventListener('WebComponentReady', cb) }
    }
    WebComponents.waitFor(async () =&gt; {
      import('mypath/somecomponent.js');
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>I used the developer tools in Microsoft Edge and the following are showing.</p>
  
  <p><code>SCRIPT5022: SCRIPT5022: Syntax error</code></p>
  
  <p>When i click into the debugger it also shows the following message</p>
  
  <p><code>Could not locate https://unpkg.com/@webcomponents/webcomponentsjs@2.2.7/ [synthetic:util/global] specified in source map https://unpkg.com/@webcomponents/webcomponentsjs@2.2.7/webcomponents-bundle.js.map.</code></p>
  
  <p>Any help will be greatly appreciated!!</p>