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

倔强的小绵羊

已于 2022-06-12 16:05:34 修改

阅读量1.7w

点赞数 21

文章标签： vue.js webpack

于 2022-06-12 16:05:03 首次发布

本文链接：https://blog.csdn.net/lhz_333/article/details/125246370

版权

前言

在使用 element-plus 按需导入，配置 vue.config.js 文件时，报错： ERROR Invalid options in vue.config.js: "plugins" is not allowed。

解决方法：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()],
      }),
    ],
  },
});