title: TypeError: Cannot destructure property `compile` of 'undefined' or 'null'
body: <p>Steps to reproduce: I run <code>vue init webpack myapp</code> with options selected as per screenshot.</p>
  
  <p><a href="https://i.stack.imgur.com/xJLB5.png" rel="noreferrer"><img src="https://i.stack.imgur.com/xJLB5.png" alt="enter image description here"></a></p>
  
  <p>Then I got ouput as follows:</p>
  
  <p><a href="https://i.stack.imgur.com/BBX5o.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BBX5o.png" alt="enter image description here"></a></p>
  
  <p><code>npm run dev</code> works fine when I don't do <code>npm audit fix --force</code> or <code>npm install --save-dev webpack-dev-server@3.1.10</code> and <code>npm install --save-dev url-loader@1.1.2</code> which I get with <code>npm audit</code></p>
  
  <p><a href="https://i.stack.imgur.com/Uiqx3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Uiqx3.png" alt="enter image description here"></a></p>
  
  <p>When I got fixed and run <code>npm run dev</code>, not it's giving errors</p>
  
  <p><a href="https://i.stack.imgur.com/BKq9F.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BKq9F.png" alt="enter image description here"></a></p>
  
  <p>Then I run <code>npm i -D webpack-cli</code> as recommended in the output.</p>
  
  <p>But now I have the following error when running <code>npm run dev</code></p>
  
  <p><a href="https://i.stack.imgur.com/1K42M.png" rel="noreferrer"><img src="https://i.stack.imgur.com/1K42M.png" alt="enter image description here"></a></p>
  
  <p><em>Can't figure how to fix this issue...</em></p>