美文网首页
关于在vite路由使用路由出现红色下划线爆红解决办法

关于在vite路由使用路由出现红色下划线爆红解决办法

作者: Morbid_D | 来源:发表于2024-05-20 09:24 被阅读0次

1.出现的问题

image.png
2.解决办法
在src文件夹下新建
shims-vue.d.ts文件 输入
declare module '.vue' {
import { DefineComponent } from 'vue';
const component: DefineComponent<{}, {}, any>;
export default component;
}
保存,这个文件告诉 TypeScript 如何处理 .vue 文件,使其能够正确推断出组件的类型。同时确保确保 TypeScript 配置正确自行查看配置文件确保你的 tsconfig.json 文件包含以下配置:
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/
": ["src/"]
},
"esModuleInterop": true,
"module": "esnext",
"target": "esnext",
"moduleResolution": "node",
"jsx": "preserve",
"sourceMap": true,
"strict": true,
"noImplicitAny": false,
"strictNullChecks": true,
"resolveJsonModule": true,
"lib": ["esnext", "dom"]
},
"include": ["src/
/.ts", "src//.d.ts", "src//.tsx", "src/*/.vue"]
}

保存就可以route.ts不在爆红


image.png

相关文章

  • React - router的使用 && 结合react-red

    web端使用路由安装的是 react-router-dom 在组件中使用路由,我们先设置2个路由,分别是首页、关于...

  • react从0到1的探索记录04

    18、React中的路由 React中路由的基本使用 在react中使用路由首先需要安装react的路由模块 np...

  • (五)2.1重定向路由和子路由和辅助路由

    (一)重定向 简单爆了,直接修改路由配置加参数redirectTo (二)子路由 在路由配置里添加childen属...

  • Day13 - Flutter - 路由导航

    概述 路由管理 路由基本使用 命名路由使用(重点) 页面跳转的拓展 一、路由管理 1.1、认识Flutter路由路...

  • angualr(二) 路由之angualr-router

    创建项目 路由的基本使用 路由对象图示 路由基本配置 路由通配符配置 HTML里面跳转链接 在js里面跳转路由 路...

  • Named Route '首页' has a default c

    当某个路由有子集路由的时候,这时候父级路由需要一个默认的路由,所以父级路由不能定义name属性。解决办法:即去除父...

  • React系列之Router路由的使用

    React Router路由的使用1、路由2、嵌套路由3、path属性4、path属性使用通配符 使用通配符的路由...

  • ZPRouter 路由组件

    ZPRouter 接入路由组件ZPRouter只需2个配置,就可以使用路由组件 路由协议 在接入路由之前,需要先了...

  • 路由独享路由守卫、组件路由守卫

    路由独享路由守卫 index.js 只对某个路由进行权限限制,可以在路由规则里面单独配置权限,使用beforeEn...

  • 子路由

    如,我们在关于页面里面有关于电影,关于书籍等页面,那么我们就可以在关于这个路由中创建两个子路由写法就是在关于路由中...

网友评论

      本文标题:关于在vite路由使用路由出现红色下划线爆红解决办法

      本文链接:https://www.haomeiwen.com/subject/xvnnfjtx.html