Invalid options in vue.config.js: “plugins“ is not allowed

foreword

When using element-plus to import on demand and configure the vue.config.js file, an error is reported: ERROR Invalid options in vue.config.js: “plugins” is not allowed.

Solution: webpack-related configuration needs to be written into configureWebpack, not directly outside.

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