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

相关推荐
胡西风_foxww19 小时前
nextjs部署更新,Turbopack 和 Webpack 缓存冲突问题解决
缓存·webpack·react·nextjs·turbopack
Doris89319 小时前
【Node.js 】Node.js 与 Webpack 模块化工程化入门指南
前端·webpack·node.js
JohnsonXin20 小时前
一次线上白屏排查:静态 import 是如何悄悄破坏 Webpack 共享 Chunk 的
前端·webpack·node.js
2401_8442213220 小时前
在Webpack中打包编译和优化CSS及LESS文件的全面指南
css·webpack·less
Kinghiee3 天前
使用webpack构建vue3 ssr
前端·webpack·node.js·vue3ssr
北寻北爱4 天前
面试题-git+npm
vue.js·git·webpack·echarts
光影少年4 天前
Webpack的核心概念?常见优化手段?
前端·webpack·掘金·金石计划
浩宇软件开发7 天前
springBoot+Vue中华诗词学习后台管理系统
vue.js·spring boot·axios·element-plus·router