vue-cli-service serve not working with IE11

[joelearn]

Version

3.8.2

Reproduction link

https://github.com/joelearn/ie11-dev-server-issue

Environment info

System:                                                 
  OS: Windows 10                                        
  CPU: (4) x64 Intel(R) Core(TM) i5-7440HQ CPU @ 2.80GHz
Binaries:                                               
  Node: 10.13.0 - C:\Program Files\nodejs\node.EXE      
  Yarn: Not Found                                       
  npm: 6.9.0 - C:\Program Files\nodejs\npm.CMD          
Browsers:                                               
  Edge: 41.16299.1004.0                                 
npmPackages:                                            
  @vue/babel-helper-vue-jsx-merge-props:  1.0.0         
  @vue/babel-plugin-transform-vue-jsx:  1.0.0           
  @vue/babel-preset-app:  3.8.0                         
  @vue/babel-preset-jsx:  1.0.0                         
  @vue/babel-sugar-functional-vue:  1.0.0               
  @vue/babel-sugar-inject-h:  1.0.0                     
  @vue/babel-sugar-v-model:  1.0.0                      
  @vue/babel-sugar-v-on:  1.0.0                         
  @vue/cli-overlay:  3.8.0                              
  @vue/cli-plugin-babel: ^3.8.0 => 3.8.0                
  @vue/cli-plugin-eslint: ^3.8.0 => 3.8.0               
  @vue/cli-service: ^3.8.0 => 3.8.0                     
  @vue/cli-shared-utils:  3.8.0                         
  @vue/component-compiler-utils:  2.6.0                 
  @vue/preload-webpack-plugin:  1.1.0                   
  @vue/web-component-wrapper:  1.2.0                    
  eslint-plugin-vue: ^5.0.0 => 5.2.2 (4.7.1)            
  vue: ^2.6.10 => 2.6.10                                
  vue-eslint-parser:  2.0.3 (5.0.0)                     
  vue-hot-reload-api:  2.3.3                            
  vue-loader:  15.7.0                                   
  vue-style-loader:  4.1.2                              
  vue-template-compiler: ^2.6.10 => 2.6.10              
  vue-template-es2015-compiler:  1.9.1                  
npmGlobalPackages:                                      
  @vue/cli: Not Found                                   

Internet Explorer: 11.1029.16299.0

Steps to reproduce

1. Create a new project

   vue create new-project
   

2. Choose the default settings (babel, eslint)
3. Add all polyfills based on the third option from the docs
   babel.config.js:

    module.exports = {
       presets: [
         ['@vue/app', { useBuiltIns: 'entry' }]
       ]
     }

   Top of main.js:

   import '@babel/polyfill'

4. npm run serve
5. Open http://localhost:8080/ in IE11

What is expected?

The Welcome page loads.

What is actually happening?

A blank screen.

Error in console:
SCRIPT1002: Syntax error
app.js (4001,1)

---

A workaround is to install an older version of webpack-dev-server.

npm i -D [email protected]

The dev server has been working fine in IE11 until recently. Due to the workaround above I suspect something has changed in webpack-dev-server to cause it not to load in IE.

[ivanov-wai]

I have the same problem. webpack/webpack-dev-server#1981 might be related to this issue

[LinusBorg]

This should be solved with v3.70:

https://github.com/webpack/webpack-dev-server/releases/tag/v3.7.0

[synapsewebtechadmin]

it does not work with 4.3

[LinusBorg]

Then open an issue please.

[yubaoquan]

4.5.19 not working either