无法使用 create-react-app 创建新的 React 应用程序

Question

我在创建新的 React 应用程序时遇到了这个问题（执行 npx create-react-app my-app 命令后）：

    ➤ YN0000: ┌ Resolution step
node:internal/process/promises:246
          triggerUncaughtException(err, true /* fromPromise */);
          ^

_r [RequestError]: read ECONNRESET
    at ClientRequest.<anonymous> (/home/aldaspan/.yarn/releases/yarn-3.1.1.cjs:154:14361)
    at Object.onceWrapper (node:events:510:26)
    at ClientRequest.emit (node:events:402:35)
    at ClientRequest.o.emit (/home/aldaspan/.yarn/releases/yarn-3.1.1.cjs:149:59453)
    at TLSSocket.socketErrorListener (node:_http_client:447:9)
    at TLSSocket.emit (node:events:390:28)
    at emitErrorNT (node:internal/streams/destroy:164:8)
    at emitErrorCloseNT (node:internal/streams/destroy:129:3)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)
    at TLSWrap.onStreamRead (node:internal/stream_base_commons:211:20) {
  code: 'ECONNRESET',
  timings: {
    start: 1639471914529,
    socket: 1639471914529,
    lookup: 1639471914530,
    connect: 1639471922067,
    secureConnect: undefined,
    upload: undefined,
    response: undefined,
    end: undefined,
    error: 1639471922468,
    abort: undefined,
    phases: {
      wait: 0,
      dns: 1,
      tcp: 7537,
      tls: undefined,
      request: undefined,
      firstByte: undefined,
      download: undefined,
      total: 7939
    }
  }
}

Node.js v17.2.0

Aborting installation.
  yarnpkg add --exact react react-dom react-scripts cra-template --cwd /home/aldaspan/galog/react-shop has failed.

Deleting generated file... package.json
Deleting generated file... yarn.lock
Done.

Operating system: Ubuntu 21.10, Node -v: v17.2.0, nodejs --version: v12.22.5, npm -v: 8.1.4

我是React新手，找了好几天这个问题，还没找到真正的解决办法

降低Node(sudo n 16.13.1)版本后，提示其他错误：

YN0000: Done with warnings in 5m 4s
node:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module 'react-scripts/scripts/init.js'
Require stack:
- /home/aldaspan/react-shop/[eval]
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at [eval]:2:20
    at Script.runInThisContext (node:vm:129:12)
    at Object.runInThisContext (node:vm:305:38)
    at node:internal/process/execution:75:19
    at [eval]-wrapper:6:22
    at evalScript (node:internal/process/execution:74:60) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [ '/home/aldaspan/react-shop/[eval]' ]
}

Aborting installation.
  node  has failed.

Deleting generated file... package.json
Deleting generated file... yarn.lock
Done.

Answer 1

您应该使用 node.js, which is currently 16. For that you can use the n 模块的推荐版本：

// if you haven't install it before 
npm install n -g 
// to have the latest stable version of node.js
n stable
// if one of them does not pass, maybe you should be using sudo, like so :
sudo npm install n -g 
sudo n stable

如果您已全局安装 create-react-app（您不应该安装，因为我们现在使用 npx），您需要将其删除，如下所示：

npm uninstall -g create-react-app
// if it does not pass, maybe you should be using sudo, like so :
sudo npm uninstall -g create-react-app

然后删除您尝试创建的项目并重新开始：

npx create-react-app my-app

无法使用 create-react-app 创建新的 React 应用程序

Cannot create a new React application with create-react-app

node.js

npm

reactjs

create-react-app

npx