vite+vue3+ts项目中提示无法找到模块的问题及解决
更新时间：2024年08月16日 10:18:53 作者：要来一杯多娜茶吗？
这篇文章主要介绍了vite+vue3+ts项目中提示无法找到模块的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vite+vue3+ts项目中提示无法找到模块
在开发过程中碰到了导入模块时提示无法找到模块这个问题，分享一下我的解决思路
首先产生这个错误是：无法找到模块XXX，并且提示'XXX' is declared but its value is never read
产生这个问题的原因是我们使用了ts语法，他只能识别.ts文件，并不能识别.vue文件，所以在引入组件的时候报错了
注意：
这个错误并不影响代码的正常运行，只是在编写代码时，import xxx from 'xxx'会一直飘红，很影响观感
这里提供一种解决方案
1.在项目的根目录下创建一个xxx.d.ts文件，文件名自定义即可，后缀必须是.d.ts
2.在刚刚创建的文件中输入一下代码
declare module '*.vue' {
import { ComponentOptions } from 'vue'
const componentOptions: ComponentOptions
export default componentOptions
}保存代码，并且重启项目，这样令人不悦的红色就会消失啦
vue3+ts报错:Cannot find module‘@/views/xxx.vue‘ or its corresponding type declarations
在Vue的TypeScript项目中，使用const test = () => import('@/views/login')语法动态导入模块时，可能会出现类型声明文件找不到的错误。
这是由于TypeScript无法正确解析动态导入的路径而导致的。
尽管你在项目中没有遇到问题，但TypeScript的类型检查器仍然会发出警告或错误，因为它无法找到相应的类型声明文件。
解决这个问题
你可以在Vue项目的根目录下创建一个env.d.ts（或者其他任何你喜欢的名称）的文件，并在其中添加以下内容：
declare module '*.vue' {
import { DefineComponent } from 'vue';
const component: DefineComponent<{}, {}, any>;
export default component;
}在tsconfig.json 里引入env.d.ts
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx",
"./global.d.ts",
"./env.d.ts"
],重启项目即可~
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue实现后台管理权限系统及顶栏三级菜单显示功能，本文图文并茂给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
利用 vue-cli 搭建的项目大都是单页面应用项目，对于简单的项目，单页面就能满足要求。这篇文章主要介绍了vue.js多页面开发环境搭建 ,需要的朋友可以参考下2019-04-04
Vue使用vue-draggable 插件在不同列表之间拖拽功能
这篇文章主要介绍了使用vue-draggable 插件在不同列表之间拖拽,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-03-03
在Vue中,我们可以非常便捷地通过标签实现状态的保存,这篇文章主要给大家介绍了关于Vue后台中如何优雅的书写状态标签的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2021-08-08
这篇文章主要介绍了vuex使用及持久化方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
element-ui中的clickoutside点击空白隐藏元素
这篇文章主要为大家介绍了element-ui中的clickoutside点击空白隐藏元素示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了vue3中的伸缩菜单组件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了vue el-table 动态添加行与删除行的实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了Vue 虚拟列表的实现示例，帮助大家更好的理解和学习使用vue，感兴趣的朋友可以了解下2021-03-03
这篇文章主要介绍了Vue+Canvas绘图的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
最新评论