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

总结

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