依赖引入报错是因为ts没有识别当前引入的依赖，在vite-env.d.ts中声明该依赖即可解决，语法：declare module "依赖名";
declare module "file-saver";
解决找不到模块“./App.vue”或其相应的类型声明。
declare module "*.vue" {
import { DefineComponent } from "vue";
const component: DefineComponent<{}, {}, any>;
export default component;
}
解决router引入报错的问题
declare module '*./router' {
import type { DefineComponent } from 'vue-router'
const component: DefineComponent<{}, {}, any>
export default component
}
declare module 'vue-router'
一些依赖报错问题的解决
// <reference types="vite/client" />
// 解决引入vue的报错
declare module "*.vue" {
import { DefineComponent } from "vue";
const component: DefineComponent<{}, {}, any>;
export default component;
}
// 解决引入scss报错问题
declare module "*.scss" {
const scss: Record<string, string>;
export default scss;
}
// 解决引入模块的报错提示
declare module "vuedraggable/src/vuedraggable";
declare module "@pureadmin/components";
declare module "@pureadmin/theme";
declare module "@pureadmin/theme/dist/browser-utils";
declare module "nprogress";
declare module "file-saver";
declare module "element-plus/dist/locale/zh-cn.mjs"; /*解决element-plus国际化依赖报错*/
/*
解决axios报错：类型“{ params: any; "": any; }”的参数不能赋给类型“AxiosRequestConfig<any>
解决：属性“xxxxx”在类型”{ $: ComponentInternalInstance; $data : {}; $props:Part......报错问题
*/
declare module "axios" {
export interface AxiosRequestConfig {
// 添加数据类型
handlerEnabled?: boolean;
baseURL: string;
timeout: number;
}
}
// 处理TS数据类型问题 类型“AxiosResponse<any, any>”上不存在属性“meta”。
declare module "axios" {
interface AxiosResponse<T = any> {
meta: any;
// 这里追加你的参数
baseURL?: string;
timeout?: number;
}
export function create(config?: AxiosRequestConfig): AxiosInstance;
}
总结
