使用TypeScript,引入vue文件报错

最新推荐文章于 2023-08-17 16:18:04 发布

GreenteaDiek

最新推荐文章于 2023-08-17 16:18:04 发布

阅读量1k

点赞数

文章标签： typescript vue.js javascript

本文链接：https://blog.csdn.net/swccdd/article/details/120136588

版权

当使用Vite配合TypeScript时，可能会遇到Vue文件导入报错的问题，因为TypeScript默认不识别.vue文件。解决方法是在src目录下创建一个.d.ts文件，声明Vue组件的模块，允许导入.vue文件。具体做法是在.d.ts文件中输入声明代码，将Vue组件导出为ComponentOptions类型。这样可以确保TypeScript正确解析.vue文件。

摘要由CSDN通过智能技术生成

使用vite引入TS后mian.ts引入的vue文件会报错
在这里插入图片描述
原因是引入时typescript 只能理解 .ts 文件，无法理解 .vue文件

解决方法在src文件夹内添加.ts文件,并输入以下内容
declare module '*.vue' { import { ComponentOptions } from 'vue' const componentOptions: ComponentOptions export default componentOptions }