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

魚迹

发布于 2023-05-06 21:35:31

1.2K0

发布于 2023-05-06 21:35:31

vue3按需导入element plus出现错误

1、错误详情

在使用vue3根据官方文档按需自动导入element plus，配置 vue.config.js 文件时出现Invalid options in vue.config.js: "plugins" is not allowed错误。具体如下所示：

2、解决办法

webpack 相关的配置需要写到 configureWebpack 里，不能直接写在外面。如下配置示例：

const { defineConfig } = require('@vue/cli-service')
//auto import element plus components
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()],
      }),
    ],
  },
})

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2023-04-15，如有侵权请联系 cloudcommunity@tencent.com 删除

config