vue 3.0使用element-plus按需导入解决

最新推荐文章于 2024-08-08 07:46:27 发布

究极无敌暴龙战神X

最新推荐文章于 2024-08-08 07:46:27 发布

阅读量519

点赞数 8

分类专栏： Bug 文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/qq_56101688/article/details/136556963

版权

Bug 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

安装

# NPM
$ npm install element-plus --save

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

webpack配置文件即vue.config.js

// webpack.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 = {
  // ...
  plugins: [
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
}

错误信息：

ERROR TypeError: AutoImport is not a function

ERROR TypeError: Components is not a function

解决方法：

两个问题均为版本问题，默认安装的包版本过高，只需要降低版本即可。

安装代码写为如下，问题解决。

cnpm install -D unplugin-vue-components@0.25.2 unplugin-auto-import@0.16.7