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可以正常引入了,不会再报找不到模块了

总结

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

相关文章

  • vue使用swiper插件实现垂直轮播图

    vue使用swiper插件实现垂直轮播图

    这篇文章主要介绍了vue使用swiper插件实现垂直轮播图,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • vue中的v-touch事件用法说明

    vue中的v-touch事件用法说明

    这篇文章主要介绍了vue中的v-touch事件用法说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-03-03
  • 一文详解Vue3响应式原理

    一文详解Vue3响应式原理

    这篇文章主要介绍了一文详解Vue3响应式原理,文章通过与vue2.x 的响应式做对比详解展现出了Vue3响应式原理详情,感兴趣的小伙伴可以参考一下
    2022-06-06
  • vue3+Naive UI数据表格基本使用方式详解

    vue3+Naive UI数据表格基本使用方式详解

    这篇文章主要给大家介绍了关于vue3+Naive UI数据表格基本使用方式详的相关资料,Naive UI是一个基于Typescript开发的针对Vue3开发的UI组件库,由TuSimple(图森未来)公司开发并开源,需要的朋友可以参考下
    2023-08-08
  • ant design vue的table取消自带分页问题

    ant design vue的table取消自带分页问题

    这篇文章主要介绍了ant design vue的table取消自带分页问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • 使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部

    使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部

    这篇文章主要介绍了使用VUE实现在table中文字信息超过5个隐藏,鼠标移到时弹窗显示全部,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • vue实现公告消息横向无缝循环滚动

    vue实现公告消息横向无缝循环滚动

    这篇文章主要为大家详细介绍了vue实现公告消息横向无缝循环滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue使用v-for实现hover点击效果

    vue使用v-for实现hover点击效果

    hover是css中的选择器,用于选择鼠标指针浮动在上面的元素。这篇文章主要介绍了vue使用v-for实现hover点击效果,需要的朋友可以参考下
    2018-09-09
  • Vue组件库Element-常见组件表格示例代码

    Vue组件库Element-常见组件表格示例代码

    对于Element组件的使用,最主要的就是明确自己想要达到的效果,从官网中将对应代码复制粘贴即可,最重要的是要读懂不同组件官网中提供的文档,以便实现自己想要的效果,本文给大家介绍Vue组件库Element-常见组件表格,感兴趣的朋友一起看看吧
    2023-10-10
  • VUE 自定义取色器组件的实现

    VUE 自定义取色器组件的实现

    本文主要介绍了VUE 自定义取色器组件的实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01

最新评论