Reactjs 通过静态/路径编译资源

Question

我对reactjs很陌生，从YouTube频道学习。

我正在使用 ubuntu，在终端中使用 npx create-react-app 进行编译，观察到与 ReactJS 中的其他编译相比不同的编译方式。

我的项目详情：

{
  "name": "reactwrk",
  "version": "0.1.0",
  "private": true,
  "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.2"
  },

NPM 和 NPX 版本 => 8.3.0

Nodejs 版本 => 16.13.1

请解释为什么会发生这样的事情。

Answer 1

这是因为几周前发布的

[email protected]

。它附带 webpack@5 和不同的配置。

如果需要，您可以降级到之前的版本 4.0.3。无论如何，我建议这样做，因为 5.0.0 有一些严重的错误，并且在假期结束之前它们可能无法得到修复。

Answer 2

webpack 的原因，

如果您不想看到这个，可以编辑

node_modules/webpack/lib/WebpackOptionsApply.js

评论区：

new DefaultStatsPrinterPlugin().apply(compiler);

Answer 3

如果您在 2024 年之后仍然使用 React-scripts 并收到此消息，请尝试使用 [电子邮件受保护]