安装了vue-router后报错vue_router__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor
时间: 2023-08-11 09:08:37 浏览: 95
这个问题可能是由于Vue Router的版本不兼容导致的。在Vue Router 3.x版本中,`VueRouter`被导出为一个对象,而不是一个构造函数。如果您使用的是Vue Router 3.x版本,请按照以下方式引入和使用它:
```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
Vue.use(VueRouter)
const routes = [
// your routes here
]
const router = new VueRouter({
routes
})
new Vue({
router,
render: h => h(App),
}).$mount('#app')
```
如果您使用的是Vue Router 2.x版本,则可以按照以下方式引入和使用它:
```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
Vue.use(VueRouter)
const router = new VueRouter({
routes: [
// your routes here
]
})
new Vue({
router,
render: h => h(App),
}).$mount('#app')
```
如果您的Vue Router版本已经正确,仍然出现这个问题,您可以尝试删除`node_modules`文件夹和`package-lock.json`文件,重新安装依赖:
```
rm -rf node_modules
rm package-lock.json
npm install
```
希望这些步骤可以帮助您解决问题。