React 安装问题 npx-create-react-app 无法正常工作

如何解决React 安装问题 npx-create-react-app 无法正常工作

这是我每次执行 npx create-react-app app-name 时都会遇到的错误。 起初一切都很好，一切都运行得很完美，但突然之间，我已经好几天没有遇到这个错误了，我似乎无法解决它。

hassan_xiddiqui@Kratos:~/React$ npx create-react-app starter_1
Need to install the following packages:
  create-react-app
Ok to proceed? (y) y

Creating a new React app in /home/hassan_xiddiqui/React/starter_1.

Installing packages. This might take a couple of minutes.
Installing react,react-dom,and react-scripts with cra-template...

npm ERR! code ECONNRESET
npm ERR! errno ECONNRESET
npm ERR! network Invalid response body while trying to fetch https://registry.npmjs.org/eslint-plugin-jsx-a11y: aborted
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network 
npm ERR! network If you are behind a proxy,please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/hassan_xiddiqui/.npm/_logs/2021-04-03T12_14_14_243Z-debug.log

Aborting installation.
  npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.

Deleting generated file... package.json
Deleting starter_1/ from /home/hassan_xiddiqui/React
Done.

解决方法

这更多是网络错误，您可以检查配置或尝试刷新 dns 或其他内容。如果可能的话，也许可以尝试其他网络

,

您收到的消息中的错误非常明显：

This is a problem related to network connectivity.
In most cases you are behind a proxy or have bad network settings.

If you are behind a proxy,please make sure that the
'proxy' config is set properly.  See: 'npm help config'

如果您使用的是 VPS，请将其禁用。尝试检查您的 DNS 设置，也许将它们更改为 Google's。

另外，尝试从 NPM 安装任何东西，以确认这是您的连接问题。 npm install -g create-react-app。如果此（或任何其他包）成功，则可能是其他问题。

还要考虑到您的机器上的 npx 可能存在问题。尝试直接使用 create-react-app 安装它，而不是首先全局安装它（就像我上面展示的那样）

,

尝试再次安装 npm：<script> window.addEventListener('DOMContentLoaded',(event) => { const btnList = [ { id: 'all',content: 'All' },{ id: 'br',content: 'breakfast' },{ id: 'dn',content: 'dinner' } ] // for version 1 I declared newBtn beforehand: let newBtn = '' const btnz = document.querySelector('.btnz'); btnList.forEach(btn => { // version 1: //newBtn += `<button id="${btn.id}">${btn.content}</button>` // version 2: let newBtn = document.createElement('button'); newBtn.setAttribute('id',btn.id); newBtn.textContent = btn.content; btnz.appendChild(newBtn); }); }); </script> <div class="btnz"></div>

还要检查您使用的节点版本：npm install

然后，再次运行命令：node --v