Vue3+TypeScript报错:无法找到模块xx的声明文件问题

 更新时间:2023年11月16日 09:15:28   作者:青颜的天空  
这篇文章主要介绍了Vue3+TypeScript报错:无法找到模块xx的声明文件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

Vue3+TypeScript报错:无法找到模块xx的声明文件

项目背景,把之前的 js 项目 迁移成 Vue3 + ts项目

问题描述

有一个工具文件my-util.js,原后缀名为 .js,被原封不动迁移到了 ts 项目中,报错

无法找到模块xx的声明文件

方法1:添加my-util.d.ts声明文件

// 目录
src/
  my-util.js
  my-util.d.ts
  index.ts
 
 
my-util.js
    export const count = 10;
	export const NAME = 'test';
    export function getList() {
      return fetch('xxx', {
        method: 'POST',
      });
    }
 
 
my-util.d.ts
  export declare const count: number
  export declare const NAME: string;
  export declare const getList: Function;

方法2:若可以,直接把 .js后缀名改为.ts即可;

已安装对应模块,但报无法找到模块“XXX”的声明文件的解决

在一次做项目的时候,我封装一个axios的文件,想引入qs组件,因为axios已经自带qs组件了,所以直接

import qs from 'qs';

但是,它居然给我报了如下的提示(这张图片是我写博客的时候找的类似的一张图片,当成qs就好)

import qs from 'qs';

W T F?

好了,工作忙,不吹了,直接在src文件目录下创建一个 shime-vue.d.ts文件,在里面写入

declare module 'qs'

保存,就可以了,qs可以正常引入了,不会再报找不到模块了

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue3封装echarts组件的实现步骤

    vue3封装echarts组件的实现步骤

    这篇文章主要介绍了如何在Vue3中封装一个高效、可复用的ECharts组件TChart,该组件支持响应式图表、空数据展示、事件监听、主题切换和性能优化等功能,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-01-01
  • vue定时器清除不掉,导致功能频繁执行问题

    vue定时器清除不掉,导致功能频繁执行问题

    这篇文章主要介绍了vue定时器清除不掉,导致功能频繁执行问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • vxe-table 使用 vxe-upload 在表格中实现非常强大的粘贴上传图片和附件功能

    vxe-table 使用 vxe-upload 在表格中实现非常强大的粘贴上传图片和附件功能

    本文通过实例代码介绍了vxe-table渲染器的强大功能,配合 vxe-upload 上传,比如复制或者截图一张图片,通过粘贴方式快速粘贴到单元格中,能支持单张、多张、查看、预览功能,感兴趣的朋友跟随小编一起看看吧
    2024-12-12
  • Vue项目中引入外部脚本的多种方式

    Vue项目中引入外部脚本的多种方式

    在现代的前端开发中,我们经常需要使用一些第三方的外部脚本或库,尤其是像地图、图表、分析工具等,在 Vue 项目中,有多种方式可以引入外部脚本,本文将详细介绍在 Vue 项目中引入外部脚本的几种常见方法,需要的朋友可以参考下
    2025-01-01
  • 在vue中添加Echarts图表的基本使用教程

    在vue中添加Echarts图表的基本使用教程

    虽然老早就看过很多echarts的例子, 但自己接触的项目中一直都没有真正用到过,直到最近才开始真正使用,下面这篇文章主要给大家介绍了关于在vue中添加Echarts图表的基本使用教程,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2017-11-11
  • vue项目中极验验证的使用代码示例

    vue项目中极验验证的使用代码示例

    这篇文章主要介绍了vue项目中极验验证的使用代码示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • Vue下载不同文件的几种方式总结

    Vue下载不同文件的几种方式总结

    在Vue项目中实现文件下载有多种方式,包括使用window.open、<a>标签、axios、FetchAPI、自定义$download方法以及创建a标签等,每种方法都有其适用场景,开发者可以根据项目需求选择最合适的方式
    2025-01-01
  • Vue3造轮子之打包构建配置二级目录方式

    Vue3造轮子之打包构建配置二级目录方式

    这篇文章主要介绍了Vue3造轮子之打包构建配置二级目录方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • vue可滑动的tab组件使用详解

    vue可滑动的tab组件使用详解

    这篇文章主要为大家详细介绍了vue可滑动的tab组件使用,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • vue项目实战总结篇

    vue项目实战总结篇

    离放假还有1天,今天小编抽空给大家分享前端时间小编做的vue项目,非常完整,需要的朋友参考下
    2018-02-02

最新评论