create-react-app创建项目卡顿超5小时，更换Node版本无效求解决方案

• 运行create-react-app创建项目时，进程卡顿超过5小时
• 已尝试卸载并重新安装不同版本的Node.js，问题仍未解决

• 清理npm缓存：执行npm cache clean --force
• 临时切换国内npm镜像源创建项目：npm create react-app 你的项目名 --registry=https://registry.npmmirror.com
• 改用yarn创建项目：先安装yarn（npm install -g yarn），再执行yarn create react-app 你的项目名
• 手动初始化React项目（替代create-react-app）：
  1. 创建并进入项目文件夹：mkdir 你的项目名 && cd 你的项目名
  2. 初始化npm：npm init -y
  3. 安装依赖：npm install react react-dom，npm install --save-dev vite @vitejs/plugin-react
  4. 根目录创建vite.config.js：

     import { defineConfig } from 'vite'
     import react from '@vitejs/plugin-react'
     
     export default defineConfig({
       plugins: [react()],
     })
     

  5. 修改package.json的scripts：

     "scripts": {
       "dev": "vite",
       "build": "vite build",
       "preview": "vite preview"
     }
     

  6. 创建src/App.jsx：

     function App() {
       return <h1>Hello React</h1>
     }
     export default App
     

  7. 创建src/main.jsx：

     import React from 'react'
     import ReactDOM from 'react-dom/client'
     import App from './App.jsx'
     
     ReactDOM.createRoot(document.getElementById('root')).render(
       <React.StrictMode>
         <App />
       </React.StrictMode>,
     )
     

  8. 根目录创建index.html：

     <!DOCTYPE html>
     <html lang="zh-CN">
       <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>React App</title>
       </head>
       <body>
         <div id="root"></div>
         <script type="module" src="/src/main.jsx"></script>
       </body>
     </html>
     

  9. 启动项目：npm run dev

内容的提问来源于stack exchange，提问作者issamkamal855