关于Vue3.x + typescript 路由＜router-link＞＜/router-link＞无法解析

**关于vue3.x + typescript 配置路由无法解析**文章目录关于vue3.x + typescript 配置路由无法解析项目场景：vue3.x + typescript 配置路由问题描述：原因分析：解决方案：前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接

兔兔在线学习中

3674人浏览 · 2021-03-16 16:51:12

兔兔在线学习中 · 2021-03-16 16:51:12 发布

关于vue3.x + typescript 配置路由无法解析

项目场景：vue3.x + typescript 配置路由

问题描述：

在控制台页面会报出警告" Failed to resolve component: router-link"无法识别router-link

如图所示

这里并没有转化成a标签而且直接显示出来了

然后我看来一眼控制台，提示"Failed to resolve component: router-link"无法识别router-link

如图所示
在这里插入图片描述

然后我以为是版本问题我就去package.json文件去看了一眼
在这里插入图片描述
版本也没问题

然后回到main.ts文件去看发现了问题的根源
在这里插入图片描述
以为之前已经把createApp(App) 赋值给 app了，最后又重新声明一次，把前面app.use(router)挂载的给覆盖了.

正确写法如下
在这里插入图片描述

总结

真的是细节决定成败，一个低级错误花费了一个一个上午多一点的时间。中途也出现各种模块找不到的错误，去博客翻看解决代码，不得不说，那些大神都好厉害，我也要慢慢努力！！！
第一次写博客。emmm写的不是很好，还请多多指点

一个正在努力的兔子！(ps:前端小菜鸟在线学习中！)

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

Vue

echarts堆叠柱状图

Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...