当前位置: 首页 > article >正文

Vue: Cannot find module @/xx/xx/xx.vue or its corresponding type declarations.

  • 编辑器:Webstorm
  • 项目技术栈:vite+vue+ts
  • 解决
    1.vite.config.js设置别名
    resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),
     },
    },	
    
    2.src下创建globals.d.ts
    //通用声明
    // Vue
    declare module '*.vue' {
      import { DefineComponent } from 'vue';
    
      const component: DefineComponent<{}, {}, any>;
      export default component;
    }
    
    
    3.tsconfig.json添加别名 将.d.ts文件导入
    {
      "compilerOptions": {
    	    "baseUrl": "./",
    	    "paths": {
    	      "@/*": ["src/*"]
    	    }
      },
      "include": ["src/**/*.d.ts", "src/types/**/*.d.ts"],
    }
    
    4.重启编辑器

http://www.kler.cn/a/145281.html

相关文章:

  • 网络运维与网络安全 学习笔记2023.11.26
  • PYTHON+CH347读写25系列flash
  • 鸿蒙4.0开发笔记之ArkTs语言基础与基本组件结构(四)
  • 使用el-scrollbar实现定位滚动,以及el-scrollbar去掉横向滚动条
  • 高并发内存池
  • 详解Rust编程中的生命周期
  • Spring Cache(缓存框架)
  • Spring AOP:什么是AOP? 为什么要用AOP?如何学习AOP?
  • 洛谷P1047题 校门外的树
  • 【Linux】第二十站:模拟实现shell
  • 服务器连接github
  • 面试题:工作中做过 JVM 调优吗?怎么做的?
  • 摄像馆服务预约管理系统会员小程序作用是什么
  • JVM 内存分析工具 MAT及实践
  • 嵌入式行业的职前补脑教程
  • 区块链技术的应用场景
  • python -opencv 中值滤波 ,均值滤波,高斯滤波实战
  • 如何在Node.js和Express中设置TypeScript(2023年)
  • 【2023传智杯】第六届传智杯程序设计挑战赛AB组-DEF题解题分析详解【JavaPythonC++解题笔记】
  • 【机器学习】算法性能评估常用指标总结