在运行 yarn start 或者 npm start 来启动 create-react-app 创建的项目时,会清空 terminal。而我们在进行调试时,往往需要在 webpack 中输出一些信息。但是 start 之后就清空了。

解决方法:
找到 node_modules/react-dev-utils/clearConsole.js 这个文件

'use strict';function clearConsole() {if (process.env.REACT_APP_NO_CLEAR_CONSOLE) {return;}process.stdout.write(process.platform === 'win32' ? '\x1B[2J\x1B[0f' : '\x1B[2J\x1B[3J\x1B[H');
}module.exports = clearConsole;

之后修改 package.json文件将变量 REACT_APP_NO_CLEAR_CONSOLE 添加到script命令中

  "scripts": {"start": "REACT_APP_NO_CLEAR_CONSOLE=true node scripts/start.js",},

再使用 yarn start 启动时 就不会清空了。

create react app 在start后不清空terminal相关推荐

  1. 在 .NET Core 5 中集成 Create React app

    翻译自 Camilo Reyes 2021年2月22日的文章 <Integrate Create React app with .NET Core 5> [1] 本文演示了如何将 Crea ...

  2. 如何使用Create React App DevOps自动化工作中所有无聊的部分

    by James Y Rauhut 詹姆士·鲁豪(James Y Rauhut) 如何使用Create React App DevOps自动化工作中所有无聊的部分 (How I automate al ...

  3. Create React App proxy配置

    最近又吃了没文化的亏(哭晕在洗手间≧ ﹏ ≦) 做后台管理系统的时候,需要调一个易连云打印小票的接口, 项目框架是 Create React App+typescript,后端是node.js 本媛负 ...

  4. 深入浅出 Create React App

    本文差点难产而死.因为总结的过程中,多次怀疑本文是对官方文档的直接翻译和简单诺列:同时官方文档很全面,全范围的介绍无疑加深了写作的心智负担.但在最终的梳理中,发现走出了一条与众不同的路,于是坚持分享出 ...

  5. Vite 3.0 vs. Create React App:比较和迁移指南

    Create React App (CRA) 在 React 社区及其整个生态系统的发展中发挥了关键作用. 在突发奇想构建本地 React 开发环境时,它是不同技能的开发人员的首选工具. CRA 拥有 ...

  6. Create React App从使用到Docker部署

    一.介绍 Create React App 是 React 脚手架,它帮我们可以快速生成项目的工程化结构,脚手架让项目从搭建到开发再到部署,整个流程变得快速和便捷. 二.安装 Create React ...

  7. react快速开始(二)-使用脚手架Create React App创建react应用

    文章目录 react快速开始(二)-Create React App入门 什么是Create React App 快速开始 使用IDE webstrom创建react项目 create react a ...

  8. 【翻译】基于 Create React App路由4.0的异步组件加载(Code Splitting)

    基于 Create React App路由4.0的异步组件加载 本文章是一个额外的篇章,它可以在你的React app中,帮助加快初始的加载组件时间.当然这个操作不是完全必要的,但如果你好奇的话,请随 ...

  9. Create React App 2.0 华丽登场

    贺! Create React App 2.0 在 10/02 正式发布 ?????? Create React App 是由官方所维护的开发工具,主要提供了专属于 React 开发环境的前置工作.简 ...

最新文章

  1. Linux下tomcat安装及优化
  2. POJ2976——Dropping tests(0/1分数规划)
  3. UML-类图-需要写关联名称吗?
  4. 假设有搅乱顺序的一群儿童成一个队列_数据结构与算法系列之栈amp;队列(GO)...
  5. 【Elasticsearch】揭秘 Elasticsearch 分片分配
  6. Oracle的where子句
  7. java程序设计与问题求解第八版pdf_《Java程序设计与问题求解(第7版)》怎么样_目录_pdf在线阅读 - 课课家教育...
  8. python创建文件的编码格式
  9. PHP中常见的面试题3(附答案)
  10. Puppet常用资源使用详解
  11. 1、安装Lync Server 2013前的准备工作
  12. 四阶龙格库塔法程序c语言,四阶龙格库塔法
  13. 云计算中的第二个boss——网络虚拟化
  14. cad怎么卸载干净_安装CAD时提示已安装了怎么办?收藏了这个方法,节省你半天时间!...
  15. Sqlmap免Python版启动器的小修改(根据学习进度逐步更新)
  16. xingtai -飞机大战2。0
  17. 辛普森悖论和朴素贝叶斯
  18. 解决org.junit.runners.model.InvalidTestClassError: Invalid test class ‘xxx‘ 1. No runnable methods
  19. 什么是大数据?大数据的5V特点是什么?
  20. 初中动画flash作品_初中动画flash作品_初中Flash动画设计基础知识试题及答案.doc...

热门文章

  1. twisted Unhandled error in Deferred scrapy
  2. python yield遍历目录
  3. OpenCV 特征点检测与图像匹配
  4. PMP-【第1章 引论】-2020-12-29(25页-34页)
  5. python pytest和allure环境_【转载】Python—Pytest+Allure定制报告
  6. 小程序provisional headers are shown_万圣节~英语早教绘本Five Little Pumpkins五个小南瓜...
  7. python自动化测试xpath_Selenium自动化测试实例基于python
  8. Selenium之XPATH轴定位(第三篇)
  9. find rm配合删除文件
  10. framebuffer小程序显示3个矩形 测试