[ts] El proyecto ts presenta el método de informe de archivos y declaración de tipo global

vue3项目中使用ts,如果要引入的文件没有相应的类型声明文件,那么你需要为每个文件创建对应的类型声明文件
Por ejemplo: quiero importar el archivo index.vue.

  1. Luego, debe crear el archivo index.vue.d.ts en el directorio src y asegurarse de que el nombre del archivo sea coherente con el nombre del archivo del módulo que necesita para crear una declaración de tipo.
  2. Escriba la declaración de tipo correspondiente en el archivo index.vue.d.ts. Dependiendo del contenido de su módulo, puede crear una interfaz para los objetos exportados del módulo y especificar el tipo correspondiente para cada propiedad.
// index.vue.d.ts
declare module '@/Layout/index.vue' {
    
    
  import {
    
     ComponentOptions } from 'vue';
  
  const componentOptions: ComponentOptions;
  
  export default componentOptions;
}

Sin embargo, es imposible importar solo un archivo en un proyecto, y es demasiado engorroso y redundante crear un archivo de declaración de tipo para cada archivo.

就要用统一的方式解决这个问题:使用类型声明文件的全局声明,在项目中创建一个名为global.d.ts的全局类型声明文件,就可以为整个项目中的文件添加类型声明

// global.d.ts
declare module '*.vue' {
    
    
  import {
    
     ComponentOptions } from 'vue';

  const componentOptions: ComponentOptions;

  export default componentOptions;
}

Supongo que te gusta

Origin blog.csdn.net/bbt953/article/details/132378732
Recomendado
Clasificación