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

原创已于 2023-03-30 15:25:29 修改 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #前端

于 2023-03-30 15:23:38 首次发布

文章讲述了在项目中遇到Cannotfindpackageconsola的错误，consola是一个用于Node.js和浏览器的控制台日志库。由于该库无人维护，作者选择了直接修改报错文件，删除对consola的引用，将console.log替换错误处理代码，以此来解决问题。

文章目录

一、报错信息
二、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)。没毛病