How to: develop with Internet Explorer 11 or Edge
Say you have a bug that is only reproducible on Internet Explorer 11 or Edge:
There are two things you need to do to be productive:
- Most of the time, transpilation is required, as components commonly use ES6 features unavailable to IE11.
- You need a VM that has Internet Explorer 11 and Edge.
polymer serve is a magical tool that will automatically transpile code as its requested based on the browser that requests it. Note that it's dog slow, so this method is only applicable for development.
To serve your component, run the following:
npx polymer serve --hostname 0.0.0.0(the --hostname flag will bind HTTP server to all interfaces, useful if you want to access the page from another host)
Polymer serve will print two URLs to access your page. You want the one marked "reusable components".
There is no watcher tied to polymer serve. Changes you make after starting the server may not be visible until you're recompiled the component!
Microsoft nicely provide VMs for all common hypervisors. See this page for instructions and download links: https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/