vue3 unplugin-auto-import自动导入api eslint ts 报错

Question

使用了unplugin-auto-import插件自动化导入api，但是编辑器报错，其实页面是正常的

Answer 1

vite.config.ts文件配置：

AutoImport({
      dts: "./auto-imports.d.ts", // 这里是生成的global函数文件
      // 解决eslint报错问题
      eslintrc: {
          // 这里先设置成true然后npm run dev 运行之后会生成 .eslintrc-auto-import.json 文件之后，在改为false
        enabled: false,
        filepath: './.eslintrc-auto-import.json', // 生成的文件路径
        globalsPropValue: true,
      }
    }),

.eslintrc.js文件增加配置：

extends: [
    './.eslintrc-auto-import.json',  // 在这里配置生成的JSON文件 需要和vite.config.ts文件保持一致
  ],

tsconfig.json文件增加配置：

"include": [
    "./auto-imports.d.ts" // 和 AutoImport dts保持一致 引入即可
  ],

正确配置完成后，重新运行