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

相关推荐
the_answer17 小时前
Webpack vs Vite 深度对比分析
前端·webpack
玄玄子3 天前
webpack publicPath作用原理
前端·webpack·程序员
谷无姜4 天前
Webpack5 进阶思考:那些官方文档没讲清楚的事
前端·webpack
柯克七七4 天前
我把祖传项目的构建时间砍了90%,领导以为我只是在"优化了一下",结果隔壁组的CI都崩了来问我配置
前端·webpack
snow@li14 天前
前端:构建工具(Vite / Webpack)的 文件指纹(File Hash) 机制 / 浏览器缓存控制
前端·webpack·哈希算法
SwJieJie17 天前
Webpack vs Vite 构建工程化实战(Vue 项目深度解析)
前端·vue.js·webpack·node.js
2401_8856651919 天前
基于OpenCV的银行智能卡号识别系统完整实现与原理剖析
人工智能·opencv·webpack
xiaofeichaichai20 天前
Webpack
前端·webpack·node.js
代钦塔拉21 天前
VS+OpenCV诡异LNK2019终极解决方案
webpack
半岛@少年23 天前
Webpack在前端项目中究竟发挥什么作用?
前端·webpack·前端工程化