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。

0
2
keviny79
回复
rookie_white
vue-tsc 不是必须的,开启 strict:true 严格模式,该有错误的地方 ts 会提示,也能看到。
2023-03-07
共2条回复

晋级TypeScript高手,成为抢手的前端开发人才

轻松驾驭 TypeScript 高级用法, 突破前端成长瓶颈

871 学习 · 425 问题

查看课程