uniapp中引入时报错模块 ""vue-router"" 没有导出的成员 "useRouter"。你是想改用 "import useRouter from "vue-router"" 吗?
时间: 2024-09-18 13:03:50 浏览: 106
vue-taro-router:基本 Taro ,扩展成 vue-router 的使用体验
在 UniApp 中引入 Vue Router 时遇到 `useRouter` 未导出的错误,这是因为 UniApp 的框架本身并不直接支持 Vue Router 的原生 API。Vue Router 在 Vue.js 环境下使用的 `this.$router` 或者通过 `import { useRouter } from 'vue-router'` 进行导入的方式,在 UniApp 中可能需要做一些适配。
解决这个问题的一种常见做法是使用 Uni-app 自带的库 u-vue-router,它专门为 UniApp 调整了 Vue Router 的 API。你应该尝试这样引入:
```javascript
// 使用 u-vue-router
import { createApp, router } from 'u-vue-router'
```
然后创建并配置路由:
```javascript
const app = createApp(App)
app.use(router)
```
如果你想要使用 `useRouter` 的形式,你可能需要在适当的地方安装并配置 u-vue-router,因为 u-vue-router 提供了一个 `useRoute` 或类似的方法。
阅读全文