【问题标题】：React npm start show something in new versionReact npm start 在新版本中显示一些东西
【发布时间】：2023-03-08 10:17:01
【问题描述】：

我在新版本中发现了一些新的输出，我不知道它的名字。

下面有图片，绿色文字。

npm start之后

只显示以前的版本

本地：http://localhost:3000
在您的网络上：http://192.168.1.108:3000
请注意，开发版本未优化。

要创建生产版本，请使用 npm run build。

新版本显示额外内容

按块 1.5 MiB 的资产（名称：main）

asset static/js/bundle.js 1.5 MiB [emitted] (name: main) 1 个相关资产

资产 main.aa0b3f79a143f8b72953.hot-update.json 28 字节 [已发出] [不可变] [hmr]

资产 index.html 1.67 KiB [发出]

webpack 5.65.0 在 444 毫秒内成功编译

我怎样才能关闭多余的东西，我认为这是有用的信息。

但我不喜欢它，如果我不需要的话。

有什么方法可以关闭或显示吗？

【问题讨论】：

使用--display 并选择您期望的日志输出级别。
--display: Select display preset [string] [choices: "", "verbose", "detailed", "normal", "minimal", "errors-only", "none"]
@MuhtasimUlfatTanmoy 试过 npm start --display: "minimal" 但没用。
即使我也面临着类似的事情。到目前为止有什么解决方案吗？
我也遇到了类似的问题，有人知道这里发生了什么吗？这是我在本地/在您的网络之后在终端中看到的内容：asset static/js/bundle.js 1.46 MiB [emitted] (name: main) 1 related asset asset index.html 1.67 KiB [emitted] asset asset-manifest.json 190 bytes [emitted] cached modules 1.35 MiB [cached] 101 modules runtime modules 28.1 KiB 13 modules javascript modules 3.42 KiB ./src/index.js 1.83 KiB [built] [code generated] ./src/App.js 1.59 KiB [built] [code generated] webpack 5.66.0 compiled successfully in 5304 ms

标签： reactjs

【解决方案1】：

这是因为 react-scripts@5.0.0

如果你想删除它，你必须将 react-scripts@5.0.0 降级为 react-scripts@4.0.3

对于安装 react-scripts@4.0.3

npm remove react-scripts
npm install react-scripts@4.0.3

这将解决您的问题。

【讨论】：

【解决方案2】：

您似乎正在为该项目使用create-react-app，它使用react-scripts 来构建和运行网络应用程序。

绿色输出来自webpack 捆绑信息。如果您不介意的话，能否详细分享一下npm start 命令。

react-scripts changelog 没有提到这一点，也不确定这是否是来自react-scripts 的实际错误。

【讨论】：

【解决方案3】：

经过大量调试，我怀疑 create-react-app 模板在其最新版本中实现的内容存在一些 webpack 兼容性问题。我希望这可以帮助任何在这个问题上苦苦挣扎的人：

❌是什么导致了错误：

在我的 package.json 文件中，我使用了这些包，它们提供了上述超级烦人的终端输出。

"dependencies": {
    "@testing-library/jest-dom": "^5.16.1",
    "@testing-library/react": "^12.1.2",
    "@testing-library/user-event": "^13.5.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "5.0.0",
    "web-vitals": "^2.1.4"
  },

✅ 一个适合我的修复：

这是删除了上面提到的终端输出的降级包。我的假设是这是一个 react-scripts 问题，但我确实也更新了其他依赖项。

"dependencies": {
    "react": "^16.8.4",
    "react-dom": "^16.8.4",
    "react-scripts": "^3.2.0",
    "web-vitals": "^2.1.4",
  },

希望这也能帮助任何为此苦苦挣扎的人！

【讨论】：

不，它对我不起作用。测试库与构建过程无关。所以删除测试库不可能解决这个问题。
嗨@HassanAjaz — 你看到我降级了 react、react-dom 和 react-scripts 包（是的，我从技术上删除了测试库，但更多的是试图突出包的降级） ?使用最新版本的带有 create-react-app 的 react/react-scripts 存在一些 webpack 不兼容问题......你是否将你的包降级到这个？