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 打包中的 Hash 生成机制
前端·webpack·前端工程化
abigale0311 天前
webpack+vite前端构建工具 - 8 代码分割
前端·webpack·node.js
abigale0311 天前
webpack+vite前端构建工具 - 9 webpack技巧性配置
前端·webpack·node.js
Hilaku11 天前
你以为的 tree shaking,其实根本没生效
前端·javascript·webpack
暴怒的代码13 天前
解决Vue2官网Webpack源码泄露漏洞
前端·webpack·node.js
abigale0313 天前
webpack+vite前端构建工具 -4webpack处理css & 5webpack处理资源文件
前端·css·webpack
code_YuJun13 天前
19. plugin
webpack
风吹一夏v13 天前
webpack到vite的改造之路
webpack·vue·vite
EndingCoder14 天前
性能优化中的工程化实践:从 Vite 到 Webpack 的最佳配置方案
webpack·性能优化·vite·devops·工程化实践
码蚂14 天前
Webpack打包"Conflicting order"报错解决:从mini-css-extract-plugin源码到模块化CSS实践
webpack