使用 babel 按需引入报错

来源：8-22 组件库打包问题处理方案

johnny_2008

2023-02-17

老师您好，
npm 8+
node 16+
按照文档一步步实现，但 vitepress 报找不到组件

runtime-core.esm-bundler.js:40 [Vue warn]: Failed to resolve component: m-choose-icon
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

babel-plugin-import 安装在 vitepress 文档项目中

// MChooseArea 导入这个变量对吗？在 index 导出的是 chooseArea 这个变量名吗，尝试改成 chooseArea 依然报找不到组件
import {MChooseArea} from "imooc-element-components"

写回答

1回答

五月的夏天

2023-02-18

导出的不对，具体配置参考视频打包那一小节。

johnny_2008

按需导入包的问题解决了，原因是我没有在 pages/index.ts 加入 export {...} 所导致的现在，出现了另外一个问题，vitpress 怎么配置 bable 插件，起因是 bable 配置的自动导入样式没有生效通过 vitpress 官方文档没有看到这块的说明，但是，在 vuepress 中有说明，在 .vuepress/config.js 中配置，我尝试在 .vitepress/config.js 中配置和在项目根目录下添加 babel.config.js 配置文件都不能自动导入组件的样式文件，目前，只能手动导入组件样式

2023-02-20

共1条回复

基于Vue3+Vite+TS，二次封装element-plus业务组件

集成大量实际样例，系统掌握前沿技术栈与二次组件库封装能力

447 学习 · 185 问题

查看课程

相似问题

按需引入单独组件的时候报错

回答 1

子组件中的props问题

回答 2

该项目下引入store，vuex怎么报错，用不了，能否帮忙看下

回答 1

配置 action 后导致上传附件报错

回答 1

这个警告该怎么解决

回答 2

打开慕课网App查看更多内容