Could not export vue-router: warning in ./src/router/index.js "export 'default' (imported as 'VueRouter') was not found in 'vue-router'

user_14221517 0
Viewed 880

  • There is the second warning: warning in ./src/main.js "export 'default' (imported as 'Vue') was not found in 'vue'.

  • It's showing me blank site, something could be wrong with router and here is script of my App.vue (not sure about this):

import router from '@/router' export default{ }

And here is my index.js:

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/home.vue'
Vue.use(VueRouter)

const routes = [
 {
    path: '/',
    name: 'home',
    component: Home
  },
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})
router.beforeEach((to, from, next)=>{
  next();
})
export default router

And main.js:

import Vue from 'vue';
import App from './App.vue';
import router from './router';

new Vue({
    router,
    render: h => h(App)
  }).$mount('#app')
vue.js javascript
2 Answers
user_117747610

If using Vue router 4, do this:

...
const router = VueRouter.createRouter({
...
user_33309810
Related