Could not find a declaration file for module ‘..XX‘.

1. 添加 Vue 声明文件

如果您还没有为 .vue 文件创建类型声明,可以通过创建一个新的类型声明文件来解决该问题。

步骤:
  1. 在您的项目根目录下创建一个名为 shims-vue.d.ts 的文件(您可以选择其他名称,但建议使用常见名称以便于识别)。
  2. 在这个文件中,添加以下内容:
复制代码

typescript复制代码

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

这段代码告诉 TypeScript 如何处理 .vue 文件,使其能够正确识别 Vue 组件。

2. 确保 TypeScript 配置正确

确认您的 tsconfig.json 配置文件中含有以下选项:

复制代码

json复制代码

{ "compilerOptions": { "strict": true, "esModuleInterop": true, "skipLibCheck": true, "allowJs": true, // 如果你也使用 JS 文件 "jsx": "preserve", // 如果你使用 JSX "baseUrl": "./", "paths": { "@/*": ["src/*"] // 如果需要配置路径别名 }, ... }, "include": [ "src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue" // 确保包括 .vue 文件 ] }

3. 检查文件结构

确保 ditu.vue 文件确实存在于指定路径:E:/djwork/新建文件夹/djOfficial/src/components/homeComponents/ditu.vue。如果文件名或路径有误,会导致 TypeScript 无法找到该模块。

4. 重启开发服务器

在进行以上修改后,请确保重启您的开发服务器,这样 TypeScript 才能重新读取配置和类型声明文件。

不建议这么做,会生成一些js文件我也不是很理解原理,但是确实打包成功了。有知道原理的可以评论区讨论。

相关推荐
__beginner__12 小时前
CentOS 磁盘占用异常排查与处理手册(df 高、du/ncdu 低)
linux·运维·centos
kyriewen13 小时前
Webpack vs Vite:一个是“老黄牛”,一个是“猎豹”,你选谁?
前端·webpack·vite
打小就很皮...13 小时前
html2canvas + jsPDF 生成 PDF 的踩坑与解决方案总结
前端·pdf
坚持就完事了13 小时前
YARN资源管理器
大数据·linux·hadoop·学习
全栈前端老曹13 小时前
【前端地图】多地图平台适配方案——高德、百度、腾讯、Google Maps SDK 差异对比、封装统一地图接口
前端·javascript·百度·dubbo·wgs84·gcj-02·bd09
xiaogg367813 小时前
spring oauth2 单点登录
java·vue.js·spring
Joseph Cooper13 小时前
Linux regmap 子系统实战:在驱动中 dump PMIC 寄存器定位供电问题
linux·运维·服务器
计算机安禾13 小时前
【Linux从入门到精通】第35篇:容器化技术预备——Docker安装与基本概念
linux·运维·docker
雾岛听风69113 小时前
JavaScript基础语法速查手册
开发语言·前端·javascript
子木HAPPY阳VIP13 小时前
信创UOS,Docker 完整操作部署(Dockerfile部署方式)&排错整合
linux·运维·redis·nginx·docker·容器·tomcat