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实现一个电子签名组件的示例代码

    使用vue实现一个电子签名组件的示例代码

    这篇文章主要介绍了使用vue实现一个电子签名组件的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • 使用Vue写一个datepicker的示例

    使用Vue写一个datepicker的示例

    这篇文章主要介绍了使用Vue写一个datepicker的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • 移动端调试神器vConsole使用详解

    移动端调试神器vConsole使用详解

    vConsole 是框架无关的,可以在 Vue、React 或其他任何框架中使用,今天通过本文给大家介绍移动端调试神器vConsole使用,感兴趣的朋友一起看看吧
    2022-04-04
  • vue如何使用rem适配

    vue如何使用rem适配

    这篇文章主要介绍了vue如何使用rem适配,帮助大家处理vue开发移动应用时的兼容性问题,感兴趣的朋友可以了解下
    2021-02-02
  • Vue项目动态加载图片正确写法

    Vue项目动态加载图片正确写法

    最近做项目的时候遇到了动态加载图片的需求,所以这里给大家总结下,这篇文章主要给大家介绍了关于Vue项目动态加载图片的正确写法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-04-04
  • Vue extends 属性的用法示例详解

    Vue extends 属性的用法示例详解

    这篇文章主要为大家介绍了Vue extends 属性的用法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • vue组件暴露和.js文件暴露接口操作

    vue组件暴露和.js文件暴露接口操作

    这篇文章主要介绍了vue组件暴露和.js文件暴露接口操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • vue2+elementUI的el-tree的懒加载功能

    vue2+elementUI的el-tree的懒加载功能

    这篇文章主要介绍了vue2+elementUI的el-tree的懒加载,文中给大家提到了element ui 中 el-tree 实现懒加载的方法,本文结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • vue3的父传子问题(单项数据流)

    vue3的父传子问题(单项数据流)

    这篇文章主要介绍了vue3的父传子问题(单项数据流),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • vue3 Class 与 Style 绑定操作方法

    vue3 Class 与 Style 绑定操作方法

    数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式,因为 class 和 style 都是 attribute,我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定,这篇文章主要介绍了vue3 Class 与 Style 绑定操作方法,需要的朋友可以参考下
    2024-05-05

最新评论