Ao importar automaticamente o element-plus no projeto criado pelo vue-cli, configure vue.config.js de acordo com o guia e um erro será relatado durante a execução.
Solução : As configurações relacionadas ao Webpack precisam ser escritas no configureWebpack e não podem ser escritas diretamente fora.
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()]
})
]
}
})