关于vue3脚手架安装element plus后配置文件报AutoImport和Components is not a function

使用官网安装的

npm install -D unplugin-vue-components unplugin-auto-import

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,
  lintOnSave: false,
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
  },
});

报错

原因:

安装的 unplugin-vue-components unplugin-auto-import的版本不兼容

解决:

npm install unplugin-auto-import@0.16.1
npm install unplugin-vue-components@0.25.2