关于使用unplugin-auto-import/vite后在TS中报错的解决

首先是vite.config.js文件

第一步需要配置这里Autoimport配置项

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
// https://vitejs.dev/config/
export default defineConfig({
  
  plugins: [
    vue(
      { reactivityTransform: true }
    ),

    AutoImport(
      {
        //解决报错,会生成一个auto-import文件,不要删掉。
        dts:"src/auto-import.d.ts",
        imports: ['vue', 'vue-router'],   
        resolvers:[]
      }
    )
  ],
  //设置代理
  server: {
    proxy: {
      '/api':'http://testapi.xuexiluxian.cn'
    }
  }
})

第二步需要生成一个typescript.json文件

1.yarn add typescript
2.tsc -init
3.这样子会生成一个文件,不能删掉

第三步修改vetur

关于使用unplugin-auto-import/vite后在TS中报错的解决_第1张图片

关于使用unplugin-auto-import/vite后在TS中报错的解决_第2张图片
关于使用unplugin-auto-import/vite后在TS中报错的解决_第3张图片

你可能感兴趣的:(vue.js,javascript,前端)