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博客

相关推荐
光影少年1 天前
webpack和vite优化方案都有哪些
前端·webpack·node.js
kk不中嘞1 天前
Webpack 核心原理剖析
前端·webpack·node.js
Yvonne爱编码1 天前
简述ajax、node.js、webpack、git
前端·git·ajax·webpack·node.js·visual studio
Hashan1 天前
Webpack 核心双引擎:Loader 与 Plugin 详解
前端·webpack
Hashan2 天前
深入理解:Webpack编译原理
前端·webpack
一枚前端小能手2 天前
🔥 老板要的功能Webpack没有?手把手教你写个插件解决
前端·javascript·webpack
Hashan2 天前
你知道Webpack解决的问题是什么嘛?
前端·webpack
vipbic3 天前
关于Vue打包的遇到模板引擎解析的引号问题
前端·webpack
妮妮喔妮3 天前
Webpack 有哪些特性?构建速度?如何优化?
前端·webpack·node.js
ST.J3 天前
webpack笔记
前端·笔记·webpack