vite打包ts报错
来源:1-1 课程导学

rookie_white
2023-03-06
老师你好,想问个打包的问题,我在二次封装element-plus组件的时候,有用到tsx文件来编写组件,然后执行打包命令vue-tsc --noEmit && vite build
会先进行ts校验,但是会出现下面的报错,这个要怎么解决呢
代码地址(这是一个pnpm项目,请先执行pnpm i
安装依赖),组件库代码在packages/element-plus
目录下。
如果可以的话,老师能帮我看下packages/element-ui
打包的组件为啥不会按需引入么?明明打包后的文件就是ESM
但是在packages/element-ui/example2
(通过vue-cli创建的webpack打包的项目)下的项目进行引入,进行webpack打包,却把组件库的所有代码都打进去了。
引入了select
组件,但是pagination
组件代码也打进去了
谢谢老师!
写回答
1回答
-
keviny79
2023-03-06
(1)我以前遇到过类似问题,是这么解决的,你可以试试看:1.检查下组件名首字母是否不小心写成了小写。2. 还不行,删除 package-lock.json,node-module, 重新npm install ,有时是 node_modules 中的类型定义出现了bug。
(2)我公司两年不用 webpack ,我也放弃继续使用了,就丢掉 webpack 了,印象很模糊了,同学可以在课程群里问问,看看有没有同学的公司还在用 webpack。
022023-03-07
相似问题