美文网首页
使用vite+typescript创建vue3项目找不到模块“.

使用vite+typescript创建vue3项目找不到模块“.

作者: Edviin_2de8 | 来源:发表于2023-12-28 16:26 被阅读0次

    当我们使用vite3+typescript创建vue3项目时,在main.ts中报出找不到模块“./App.vue”或其相应的类型声明。ts(2307),在ts项目里,.ts文件是识别不了.vue文件的。


    解决思路是:

    1.在项目的根目录创建一个env.d.ts文件,必须是.d.ts结尾的,然后再加上如下代码

    declare module "*.vue" {
        import type { DefineComponent } from "vue"; 
        const vueComponent: DefineComponent<{}, {}, any>; 
        export default vueComponent;
      }
    
    

    2.接下来是打开tsconfig.json文件,找到include属性添加上刚才新建的env.d.ts

    ![119c5b2fa2ce48ada28498974234d7f9-2.png](https://img.haomeiwen.com/i15934529/3df880b7d169c9d0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    相关文章

      网友评论

          本文标题:使用vite+typescript创建vue3项目找不到模块“.

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