解决:Invalid options in vue.config.js: “plugins“ is not allowed使用vue-cli 自动导入 element-plus 时错报

 在vue-cli 创建的项目中自动导入 element-plus 时,按指南给 vue.config.js做配置,运行报错

解决方法webpack 相关的配置需要写到 configureWebpack 里,不能直接写在外面。

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

猜你喜欢

转载自blog.csdn.net/m0_62323730/article/details/130124312