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

相关推荐
哟哟耶耶29 分钟前
Plugin-webpack内置功能split-chunks-plugin配置打包代码分割
前端·webpack·node.js
嫂子的姐夫2 小时前
013-webpack:新东方
爬虫·python·webpack·node.js·逆向
阿珊和她的猫13 小时前
`require` 与 `import` 的区别剖析
前端·webpack
jayaccc20 小时前
Webpack配置详解与实战指南
前端·webpack·node.js
阿珊和她的猫1 天前
Webpack中import的原理剖析
前端·webpack·node.js
AI前端老薛1 天前
webpack中loader和plugin的区别
前端·webpack
遗憾随她而去.1 天前
Webpack5 基础篇(二)
前端·webpack·node.js
Misnice1 天前
Webpack、Vite 、Rsbuild 区别
前端·webpack·node.js
阿珊和她的猫1 天前
Webpack 动态引入的实现原理与应用
前端·webpack·node.js
GhostPaints2 天前
Vue 2 项目中 template 使用可选链 ?. 导致的诡异编译报错及 webpack loader 配置坑
前端·vue.js·webpack