ERROR TypeError: AutoImport is not a function

TypeError: AutoImport is not a function

原因：unplugin-auto-import 插件版本问题

Vue3基于Webpack，在vue.config.js中配置

1. 当unplugin-vue-components版本小于0.26.0时，使用以下写法

const { defineConfig } = require("@vue/cli-service")
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')module.exports = defineConfig({transpileDependencies: true,configureWebpack: {plugins: [AutoImport({resolvers: [ElementPlusResolver()],}),Components({resolvers: [ElementPlusResolver()],}),]}
})

2. 当unplugin-vue-components版本大于等于0.26.0时，使用以下写法

const { defineConfig } = require("@vue/cli-service")
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')module.exports = defineConfig({transpileDependencies: true,configureWebpack: {plugins: [AutoImport.default({resolvers: [ElementPlusResolver()],}),Components.default({resolvers: [ElementPlusResolver()],}),]}
})