升级Mac Ventura 13.1后无法执行npm install create-react-app求解决方案

以下是针对你遇到的问题的几种有效解决办法，按优先级尝试：

1. 优先使用npx直接创建（官方推荐方式） #

跳过全局安装create-react-app，直接用npx拉取最新版本创建项目，同时可指定国内源加速：

npx create-react-app@latest my-app --registry=https://registry.npmmirror.com

如果仍有网络相关报错，添加SSL跳过参数：

npx create-react-app@latest my-app --strict-ssl=false --registry=https://registry.npmmirror.com

2. 清理包管理器缓存 #

系统升级后缓存可能出现损坏，执行以下命令清理：

• 清理npm缓存：

  npm cache clean --force
  

• 清理yarn缓存：

  yarn cache clean
  

清理完成后再尝试创建项目。

3. 检查并升级Node.js版本 #

Mac系统升级后可能存在Node.js版本兼容性问题，建议切换至LTS版本（如18.x或20.x）：
如果使用nvm管理Node版本：

nvm install --lts
nvm use --lts

无nvm的话，直接去Node.js官网下载LTS版本安装包替换现有版本。

4. 重置系统网络设置 #

部分用户升级Ventura后网络配置异常，可尝试重置网络：

1. 打开「系统设置」→「网络」
2. 点击右下角「高级」
3. 选择「TCP/IP」标签，点击「重置」
4. 重启电脑后再尝试创建项目。

5. 手动初始化React项目（终极方案） #

如果以上方法均失效，可手动基于Vite搭建React项目，步骤如下：

1. 创建项目文件夹并进入：

   mkdir my-react-app && cd my-react-app
   

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文件夹，创建src/App.jsx：

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

   • 创建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>,
     )
     

   • 创建根目录下的index.html：

     <!DOCTYPE html>
     <html lang="en">
       <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>
     

7. 启动开发服务器：

   npm run dev
   

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