react 处理antd按需引入样式报错consola的问题

---

一、报错信息

Cannot find package ‘consola’ imported from xxx/react/react-ts-vite/node_modules/vite-plugin-style-import/dist/index.mjs

二、consola

用于 Node.js 和浏览器的优雅控制台记录器。我理解的意思就是类似console的概念。鉴于该组件无人维护，又结合报错信息所在文件的情况，因此直接更改报错信息文件中的内容。

参考文章：https://www.cnblogs.com/myesn/p/16291293.html
https://npmmirror.com/package/consola

三、处理步骤

找到问题文件

全局查找consola。共五处
import consola from 'consola';  
//直接删除


consola.wrapConsole();
//全局重定向所有console.log等调用到consola处理程序。在我的理解是调用console的意思，直接删除


consola.error(e);
// 有两处，是显示报错信息的，直接改为console.log(e)。没毛病