element-plus按需引入报错AutoImport is not a function

官网文档:快速开始 | Element Plus

webpack配置

javascript 复制代码
// 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()],
    }),
  ],
}

运行结果:TypeError: AutoImport is not a function

解决方式:安装低版本nplugin-auto-import

bash 复制代码
yarn add unplugin-auto-import@0.16.1 -D

关联问题Components is not a function参考

element-plus按需引入报错Components is not a function-CSDN博客

相关推荐
Marshmallowc2 小时前
为什么 Webpack 要打包?从 HTTP/1.1 限制到 HTTP/2 多路复用原理详解
前端·http·webpack
森林的尽头是阳光21 小时前
打包配置优化
webpack
心柠2 天前
webpack
前端·webpack·node.js
夏河始溢5 天前
一八二、webpack、grunt、gulp、rollup、parcel、vite 对比介绍
前端·webpack·gulp
某柚啊5 天前
解决 minimatch 类型报错问题
前端·webpack·npm
web小白成长日记8 天前
Rspack核心解析:Rust重写Webpack的性能革命与本质
webpack·rust·devops
EndingCoder8 天前
构建工具集成:Webpack 和 TypeScript
前端·webpack·typescript
wuhen_n9 天前
Webpack vs Vite:前端构建工具对比
前端·webpack·node.js·vite
程序员张311 天前
Element Plus SCSS 变量覆盖用法
vue.js·前端框架·element-plus