当前位置:
首页
文章
前端
详情

vue3 ts .vue模块未找到解决

一、关闭 Vetur 扩展

首先定位暴露问题的目标是谁?

一般使用 vscode 编辑器的,在做 vue 项目时,由于历史原因,使用 Vetur 工具处理 vue2 的一些格式化、检查、snippet等工作,但在切换到 vue3 + ts 的环境时,如果这个扩展不关闭就会提示 .vue 模块未找到,根本原因还是不兼容,使用 vue3 + ts 开发的对应扩展工具是 Volar(TypeScript Vue Plugin、Vue Language Features)。

二、声明 .vue 模块

当然还有一个搜索到的方案如下:

env.d.ts 文件中添加 .vue 模块声明

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

免责申明:本站发布的内容(图片、视频和文字)以转载和分享为主,文章观点不代表本站立场,如涉及侵权请联系站长邮箱:xbc-online@qq.com进行反馈,一经查实,将立刻删除涉嫌侵权内容。