Vue app does not work in an older browser
Explore methods to identify and fix why your Vue app does not work in older browsers such as Internet Explorer. Learn how to use Vue CLI's transpileDependencies option and step-by-step debugging techniques to isolate problematic third-party dependencies causing issues.
We'll cover the following...
Problem description
You might ask, what can I do. Wasn’t the app supposed to work just fine in legacy browsers if scaffolded with Vue-CLI? Yes, it was supposed to. You open your app in Internet Explorer, and you are welcomed by a white screen and errors in the console. This can be very problematic to solve, especially in browsers like IE that have really terrible error messages. It’s like trying to find a needle in a haystack.
Reason
Fortunately, the reason for this problem usually is quite simple but might take a bit of time to solve. Most of the time, this issue is caused by third-party dependencies. Who would have thought? Some library authors do not provide ES5 compatible code but instead ship ES6+ code and leave the bundling up to those who use their ...