title: TypeError: Vue.component is not a function laravel project
body: <p>This seems it is a persistent problem. I searched all over for solutions with no success yet. I'll just post the exact error message from my console:</p>
  
  <pre><code>app.js:34588 Uncaught TypeError: Vue.component is not a function
  at Object.supportsPassive (app.js:34588)
  at __webpack_require__ (app.js:20)
  at Object.&lt;anonymous&gt; (app.js:12599)
  at __webpack_require__ (app.js:20)
  at Object.defineProperty.value (app.js:12588)
  at __webpack_require__ (app.js:20)
  at app.js:63
  at app.js:66
  </code></pre>
  
  <p>and now my package.json:</p>
  
  <pre><code> "devDependencies": {
      "axios": "^0.18.0",
      "cross-env": "^5.2.0",
      "laravel-mix": "^2.0",
      "lodash": "^4.17.5",
      "popper.js": "^1.12",
      "vue": "^2.5.7"
  },
  "dependencies": {
      "vee-validate": "^2.1.0-beta.9",
      "vue-router": "^3.0.1",
      "vuetify": "^1.2.3",
      "vuex": "^3.0.1"
  }
  </code></pre>
  
  <p>app.js </p>
  
  <pre class="lang-html prettyprint-override"><code>import Vue from 'vue'
  import './plugins/bootstrap'
  import './plugins/vuetify'
  import router from './plugins/routes'
  
  /**
   * Next, we will create a fresh Vue application instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */
  // Vue.component('entry', require('./pages/Home.vue'));
  
  const app = new Vue({
      el: '#app',
      router
  });
  </code></pre>