使用vue3 setup语法提示出错

Question

Vue3下使用
<script lang="ts" setup>

    "vue": "^3.2.20",
    "vue-class-component": "^8.0.0-0",
    "vue-router": "^4.0.0-0",
    "vue3-clipboard": "^1.0.0",
    "vuex": "^4.0.2",

node版本为16

Could not find a declaration file for module '../views/transfer/TransferList.vue'. '/Users/xxxx/Desktop/toyverse-fe/src/views/transfer/TransferList.vue.js' implicitly has an 'any' type.

修改后的声明文件如下：

/* eslint-disable @typescript-eslint/no-explicit-any */
import axios from "axios";

declare module "*.vue" {
  import { defineComponent } from "vue";
  const component: ReturnType<typeof defineComponent>;
  export default component;
}

declare module "*.vue" {
  import { DefineComponent } from "vue";
  const component: DefineComponent<{}, {}, any>;
  export default component;
}

declare module "axios" {
  export interface AxiosInstance {
    <T = any>(config: AxiosRequestConfig): Promise<T>;
    request<T = any>(config: AxiosRequestConfig): Promise<T>;
    get<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
    delete<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
    head<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
    post<T = any>(
      url: string,
      data?: any,
      config?: AxiosRequestConfig
    ): Promise<T>;
    put<T = any>(
      url: string,
      data?: any,
      config?: AxiosRequestConfig
    ): Promise<T>;
    patch<T = any>(
      url: string,
      data?: any,
      config?: AxiosRequestConfig
    ): Promise<T>;
  }
}

Answer 1

缺少申明文件

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}