Vue3 项目按需导入Element UI的安装时问题解决（npm）

1 第一步，在项目的终端中输入：

npm install element-plus --save

2 第二步，为了按需导入，按以下方式下载：

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

3 第三步，修改vue.config.js文件，替换为：

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()]
      })
    ]
  }
})

4 保存改动，运行程序，但是报错，一般是第二步下载的软件版本的不兼容问题，降低下载的版本：

 npm install -D unplugin-vue-components@0.18.0 unplugin-auto-import@0.8.6