title: Vue + Laravel 5.4 + Mix - "Cannot Get /"
body: <p>I downloaded started with a Larvavel + Vue component called <a href="https://github.com/ratiw/vuetable-2-with-laravel-5.4" rel="noreferrer">vuetable-2</a> (very nice BTW).</p>
  
  <p>Firstly, <code>php artisan serve</code> works. Everything is fine, except that it doesn't hot deploy changes to .vue files.</p>
  
  <p>I've finally got <code>npm run hot</code> to work, however, when go to the page I get the browser message:</p>
  
  <p><strong>Cannot Get /</strong></p>
  
  <p><em>Actions Taken:</em></p>
  
  <ul>
  <li>Checked my dependencies, as far as I can see, all are correct.</li>
  <li>Deleted node_modules and rebuit (three times now) <code>npm install</code></li>
  <li>Created a separate test project to confirm Vue does hot reload (it<br>
  does)</li>
  </ul>
  
  <p>I suspect the problem is some configuration somewhere, but for the life of me, can't figure out where.</p>
  
  <p>The only odd thing I've found is, the <code>webpack.config.js</code> says it will use <code>port 3000</code>, yet, the only port that seems to be working is either <strong>8000 when using artisan</strong>, or <strong>run dev hot uses 8080</strong> which produces the message above.</p>
  
  <p>However, if I make changes to the files, I get the nice Laravel Mix toast telling the build was successful or not, but can't see them in the browser. The <code>webpack.config.js</code> also has the correct build path, being <code>public/</code>.</p>
  
  <hr>
  
  <p>This is my package.json file:</p>
  
  <pre><code>{
    "private": true,
    "scripts": {
      "dev": "npm run development",
      "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=./webpack.config.js",
      "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=./webpack.config.js",
      "watch-poll": "npm run watch -- --watch-poll",
      "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=./webpack.config.js",
      "prod": "npm run production",
      "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=./webpack.config.js"
    },
    "devDependencies": {
      "babel-plugin-transform-runtime": "^6.23.0",
      "babel-preset-stage-2": "^6.24.1",
      "bootstrap-sass": "^3.3.7",
      "cross-env": "^3.2.4",
      "laravel-elixir": "^4.0.4",
      "laravel-mix": "0.*",
      "lodash": "^4.17.4",
      "node-sass": "^4.5.2",
      "vue-loader": "^11.1.4",
      "vue-style-loader": "^2.0.0",
      "vue-template-compiler": "^2.2.4"
    },
    "dependencies": {
      "axios": "^0.15.3",
      "jquery": "^3.1.1",
      "accounting": "^0.4.1",
      "vue-events": "^3.0.1",
      "vue-masked-input": "^0.4.1",
      "vue": "^2.1.10",
      "vuetable-2": "^1.3.1"
    }
  }
  </code></pre>
  
  <p>The <code>webpack.config.js</code> file is unchanged from the standard one installed.</p>