vue3+ts+vite打包后dayjs报错问题
开发环境
- Vue Version:^3.3.4
- Browser Version:Google Chrome 121.0.6167.184(正式版本) (x86_64)
- Vite Version: ^4.4.5
- Day.js Version:^1.11.10
产生原因
使用Day.js
库对日期进行处理,引入方式
import * as dayjs from "dayjs";
开发时正常运行,执行npm run build
打包后,浏览器控制台报错
在源代码中查找排查
he
即为dayjs
dayjs()
调用失败
解决
在tsconfig.json
中添加如下配置
"compilerOptions": {
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
}
代码中修改dayjs
的引入方式
import dayjs from 'dayjs';
再次打包,成功解决🎉