Vue3 + TS 配置全局属性后ESLint出现类型不存在问题

报错解释：

在Vue3 + TypeScript项目中，当配置了全局属性或方法后，ESLint可能会报告类型错误，因为它无法识别这些全局变量或方法。这通常发生在使用globalProperties或通过插件等方式添加全局属性时。

解决方法：

1. 在vue.config.js文件中配置ESLint，通过lintOnSave选项指定全局变量。

module.exports = {
  lintOnSave: true,
  // 添加globals配置
  lintOnSave: {
    window: {
      provideGlobalVar: false,
      // 在这里声明全局变量
      variables: {
        'globalVarName': 'readonly' // 根据需要设置类型
      }
    }
  }
};

2. 在项目中的.eslintrc.js或.eslintrc.ts配置文件中，使用globals字段声明全局变量。

module.exports = {
  globals: {
    'globalVarName': 'readonly' // 根据需要设置类型
  }
};

3. 如果是通过插件添加全局属性，确保ESLint插件能够识别Vue代码。
4. 如果以上方法不适用，可以尝试在引用全局变量的文件顶部添加特殊的ESLint注释来忽略类型检查：

/* eslint-disable @typescript-eslint/no-explicit-any */
// 使用全局变量
console.log(globalVarName);

5. 另外，可以考虑在tsconfig.json中配置类型声明文件，以便TypeScript能够识别这些全局变量。

{
  "compilerOptions": {
    "types": ["vue/global"]
  }
}

在<project_root>/src/shims-vue-global.d.ts中声明全局变量：

declare const globalVarName: any;

确保在tsconfig.json中包含此文件：

{
  "include": ["src/**/*"]
}

以上方法可以帮助解决在Vue3 + TypeScript项目中配置全局属性后出现的ESLint类型错误问题。