报错的Vue warn截图: 警告inject() can only be used inside setup() or functional components. 直接机翻:Inject()只能在setup()或功能组件中使用。 查看文档 因为我们在 setup 里面没有访问 this,所以我们不能再直接访问 this.router或this.route。作为替代,我们使用 useRouter 和 useRoute 函数: 一开始还以为...
报的第一个错:Vue.use(VueRouter)报错 Uncaught TypeError: Cannot read properties of undefined (reading 'use') 我百度半天才知道,我安装的环境是vue3和vue-cil4,教程里教是比较老的版本,写法不一致导致的错误,在vue3和vue-cil4中不能直接 import Vue from 'vue' 和 Vue.use。 我查文档,在改成vue3语...
使用vue-router后,运行vue项目报错: 原代码: importVuefrom'vue'importAppfrom'./App.vue'importVueRouterfrom"vue-router"importroutersfrom"./router/index"Vue.config.productionTip=false;Vue.use(VueRouter);// router传参错误newVue({ routers,render:h=>h(App), }).$mount('#app'); 发现,自定义的路...
Vue.use(Router) const router = new Router({ mode:"history", routes:[ { path:'/', redirect:HelloWorld }, { path:'/HelloWorld', name:'HelloWorld', component:HelloWorld } ] }) export default router //错误1:export default {router},页面不显示(export default用法出错:https://blog...
import Vue from 'vue'import Router from'vue-router'import HelloWorld from'@/components/HelloWorld'Vue.use(Router) exportdefaultnewRouter({ routes: [ { path:'/', name:'HelloWorld', component: HelloWorld } ] }) 1. 2. 3. 4. 5.
解决方法也很简单,在项目目录下运行 npm i vue-router@3.0 -S即可 3.可以在router.js 的配置文件里下添加一下代码(在use之前): const originalPush = Router.prototype.push Router.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err) }...
vue-router的报错,我是这样解决的 起因 事情的起因是这样的,我用vite构建了一个vue3的项目,vue-router以及pinia都是通过官网的下载方式下载的 下载之后我vue-router的版本以及pinia的版本分别是 "vue-router": "4" 以及 "pinia": "^2.1.6",此时我的项目没有问题,一切正常,因为我在做一个基于monorepo架构的...
vue router 报错: Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法 最近在项目中,发现点击路由跳转相同地址会有这个报错 解决办法 在main.js下添加: importRouterfrom'vue-router'Vue.use(Router)constoriginalPush=Router.prototype.pushRouter.prototype.push=functionpush(locat...
Uncaught Error: [vue-router] route config "component" for path: / cannot be a string id. Use an actual component instead.