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

hongc93

于 2024-01-03 14:23:02 发布

阅读量2.2k

点赞数 9

CC 4.0 BY-SA版权

分类专栏： vue3 elementPlus mock后台管理系统文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/hongc93/article/details/135342913

vue3 elementPlus mock后台管理系统专栏收录该内容

22 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

在项目中配置elementPlus时遇到vue.config.js的'plugins'选项报错。错误提示表明'plugins'不被允许。根据官方文档，需调整vue.config.js的配置来消除这个错误。

项目场景：

安装并配置elementPlus报错。

问题描述

"plugins" is not allowed. plugins不被允许。参考官网修改配置文件vue.config.js。

解决方案：

const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

module.exports = {
  configureWebpack: (config) => {
    config.plugins.push(
      AutoImport({
        resolvers: [ElementPlusResolver()]
      })
    )
    config.plugins.push(
      Components({
        resolvers: [ElementPlusResolver()]
      })
    )
 }
}