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