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';

再次打包，成功解决🎉