解决用vite+ts路径没问题但是代码有红点报错的情况

首先产生这个错误是：无法找到模块XXX，并且提示'XXX' is declared but its value is never read

产生这个问题的原因是我们使用了ts语法，他只能识别.ts文件，并不能识别.vue文件，所以在引入组件的时候报错了

注意：这个错误并不影响代码的正常运行，只是在编写代码时，import xxx from 'xxx'会一直飘红，很影响观感

这里提供一种解决方案如下：

在项目的根目录下创建一个xxx.d.ts文件，文件名自定义即可，后缀必须是.d.ts

在刚刚创建的文件中输入一下代码

declare module '*.vue' {
    import { ComponentOptions } from 'vue'
    const componentOptions: ComponentOptions
    export default componentOptions
  }
保存代码，并且重启项目，这样令人不悦的红色就会消失啦
————————————————
版权声明：本文为CSDN博主「要来一杯多娜茶吗？」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_52477159/article/details/129124968