You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS Code中ShadCN、create-react-app的npx命令无法运行,求解决方案

解决npx命令执行时「Uncaught SyntaxError: Unexpected identifier」及项目创建失败问题
  • 清理npm与npx缓存
    缓存损坏是这类问题的常见诱因,执行以下命令彻底清理:

    npm cache clean --force
    npx clear-npx-cache
    

    清理完成后重新尝试原命令。

  • 降级Node.js版本
    Node.js v22属于较新的版本,可能与shadcn、create-react-app等工具存在兼容性冲突,建议切换到稳定的LTS版本(如v20):

    1. 若使用nvm(Node版本管理器),执行:
      nvm install 20
      nvm use 20
      
    2. 若无nvm,可直接从Node.js官网下载v20 LTS版本覆盖安装。
  • 验证环境变量与版本正确性
    在终端执行以下命令,确认Node.js和npm路径正常、版本匹配:

    node -v
    npm -v
    

    若版本显示异常,检查系统环境变量中是否包含Node.js的安装路径,确保无其他冲突的Node版本干扰。

  • 改用全局安装替代npx执行
    绕过npx的缓存或网络问题,直接全局安装工具后执行:

    • 针对create-react-app:
      npm install -g create-react-app
      create-react-app ./ --typescript --tailwind --eslint
      
    • 针对shadcn:
      npm install -g shadcn-ui
      shadcn init
      
  • 检查终端权限
    若在系统盘(如C盘)创建项目,尝试以管理员权限运行终端,避免因权限不足导致文件创建失败。

内容的提问来源于stack exchange,提问作者notGxrou

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.18 23:44:49