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

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.lryc.cn/news/242125.html

相关文章:

  • 怎样自动把网页截图发到微信群里
  • Netty实现websocket且实现url传参的两种方式(源码分析)
  • 深入理解C语言指针:基础概念、语法和实际应用
  • 百度云加速免费版下线,推荐几款目前仍旧免费的CDN
  • HarmonyOS(五)—— 认识页面和自定义组件生命周期
  • DevExpress WinForms TreeMap组件,用嵌套矩形可视化复杂分层数据
  • IO口速度影响了什么?
  • Verilog基础:时序调度中的竞争(一)
  • nginx 配置静态缓存全教程 (以及静态缓存文件没有生成)
  • 自己动手打包构建编译cri-dockerd
  • Self-Supervised Exploration via Disagreement论文笔记
  • 【网络奇幻之旅】那年我与区块链技术的邂逅
  • 1.5.1 git/svn日志格式规范
  • [autojs]ui线程中更新控件的值的问题
  • 机器视觉技术在现代汽车制造中的应用
  • 学习视频剪辑方法:AI智剪助力,批量处理短视频无忧
  • 振南技术干货集:制冷设备大型IoT监测项目研发纪实(3)
  • 1143. 最长公共子序列
  • EASYEXCEL(一)
  • 竞赛YOLOv7 目标检测网络解读
  • 第一类曲线积分@对弧长的曲线积分
  • 【TypeScript】常见数据结构与算法(二):链表
  • 原型模式 (Prototype Pattern)
  • 项目总结报告(案例模板)
  • C++ Qt QByteArray用法介绍
  • 蓝桥杯物联网竞赛_STM32L071_3_Oled显示
  • python-opencv轮廓检测(外轮廓检测和全部轮廓检测,计算轮廓面积和周长)
  • LeetCode [简单] 1. 两数之和
  • C++设计模式之工厂模式(下)——抽象工厂模式
  • 2023亚太杯数学建模A题思路分析 - 采果机器人的图像识别技术