title: Uncaught TypeError: Cannot read properties of undefined (reading 'use')
body: <p>I'm trying to start a new project using vue js. I think I have all the dependencies I need through the terminal. I installed npm, vue, vue-bootstrap and vue-router. Error is from line 7 on router.js, Vue.use(VueRouter).</p>
  <p>Here's the code for my main.js</p>
  <pre class="lang-js prettyprint-override"><code>import Vue from &quot;vue&quot;
  import App from &quot;./App.vue&quot;
  import router from &quot;./router.js&quot;
  import BootstrapVue from &quot;bootstrap-vue&quot;
  import &quot;bootstrap/dist/css/bootstrap.css&quot;
  import &quot;bootstrap-vue/dist/bootstrap-vue.css&quot;
  
  Vue.use(BootstrapVue)
  
  Vue.config.productionTip = false
  
  new Vue({
    router,
    render: h =&gt; h(App),
  }).$mount('#app')
  </code></pre>
  <p>Here's my router.js</p>
  <pre class="lang-js prettyprint-override"><code>import Vue from &quot;vue&quot;
  import VueRouter from &quot;vue-router&quot;
  import Home from &quot;@/pages/Home.vue&quot;
  import About from &quot;@/pages/About.vue&quot;
  import Contact from &quot;@/pages/Contact.vue&quot;
  
  Vue.use(VueRouter)
  
  export default new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
      {
        path: '/',
        name: 'home',
        component: Home
      },
      {
        path: '/about',
        name: 'about',
        component: About
      },
      {
        path: '/contact',
        name: 'contact',
        component: Contact
      }
    
    ]
  })
  </code></pre>
  <p>Sorry, I had the import vue line on the same line as the code indicators and it got cut off, I have the error still.</p>
  <p>The full error is this:</p>
  <pre class="lang-none prettyprint-override"><code>router.js?41cb:7 Uncaught TypeError: Cannot read properties of undefined (reading 'use')
      at eval (router.js?41cb:7)
      at Module../src/router.js (app.js:1261)
      at __webpack_require__ (app.js:849)
      at fn (app.js:151)
      at eval (main.js:12)
      at Module../src/main.js (app.js:1141)
      at __webpack_require__ (app.js:849)
      at fn (app.js:151)
      at Object.1 (app.js:1274)
      at __webpack_require__ (app.js:849)
  eval    @   router.js?41cb:7
  ./src/router.js @   app.js:1261
  __webpack_require__ @   app.js:849
  fn  @   app.js:151
  eval    @   main.js:12
  ./src/main.js   @   app.js:1141
  __webpack_require__ @   app.js:849
  fn  @   app.js:151
  1   @   app.js:1274
  __webpack_require__ @   app.js:849
  checkDeferredModules    @   app.js:46
  (anonymous) @   app.js:925
  (anonymous) @   app.js:928
  </code></pre>