React项目调试遇Error 303与604问题求助

DevOps 小满

2026-6-20

VS Code调试React项目报错+npm命令不识别求助

背景

我是前端新手，正在做一个叫「jammming」的作品集项目，用Create React App搭建的，现在碰到两个问题卡壳了：VS Code调试报错，以及终端没法识别npm命令。

问题1：调试报错+调试选项丢失

在VS Code里启动调试时，弹出错误提示：

An error occurred while launching the application. Seems to be that you are trying to debug from within directory that is not a React Native project root. If so, please, follow these instructions: https://github.com/microsoft/vscode-react-native#customization (error code 604) (error code 303)

我试着把.vscode/launch.json移到app文件夹里，但VS Code直接找不到这个调试选项了。

原launch.json配置

{ 
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Debug Windows",
            "cwd": "${workspaceFolder}",
            "type": "reactnative",
            "request": "launch",
            "platform": "windows"
        }
    ]
}

问题2：npm命令不识别

终端输入npm命令时系统提示不认识这个命令，点击package.json里scripts上方的调试按钮也会触发同样的错误。

项目配置文件

manifest.json

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

package.json

{
  "name": "jammming",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
  "devDependencies": {
    "react-scripts": "5.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}