vue 3.0 使用element-plus按需导入方法和报错解决

曈欣

已于 2024-01-01 12:40:18 修改

阅读量5.9k

点赞数 50

分类专栏： vue 前端程序报错文章标签： vue.js 前端 javascript elementui

于 2023-12-31 14:23:16 首次发布

本文链接：https://blog.csdn.net/lionet0307/article/details/135315682

版权

程序报错同时被 3 个专栏收录

17 篇文章

订阅专栏

vue

14 篇文章

订阅专栏

前端

5 篇文章

订阅专栏

使用方法

安装组件库

npm install element-plus -S

按需导入

安装按需导入相关的依赖

npm install -D unplugin-vue-components unplugin-auto-import

vue.config.js配置

在 vue 里面配置，不能把官网提供的代码直接复制过来，需要调整一下。先引入相关依赖，plugins 外面加多一个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()],
      }),
    ],
  },
});