执行npm install后node_modules未在目录中出现的问题求助

安全阿岳

2026-7-24

问题描述

从Codecademy下载React项目起始代码后，在终端执行npm install，终端返回如下内容：

PC:\Users\jacma\OneDrive\Desktop\Jake's Folder\Coding Projects\react_router_v6_lesson_starting_code> npm install
up to date, audited 17 packages in 1s
found 0 vulnerabilities

但VS Code的项目目录中始终未出现node_modules文件夹，项目的package.json内容如下：

{
    "name": "tech-news",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
      "@reduxjs/toolkit": "^1.8.6",
      "@testing-library/jest-dom": "^5.16.5",
      "@testing-library/react": "^13.4.0",
      "@testing-library/user-event": "^14.4.3",
      "react": "^18.2.0",
      "react-dom": "^18.2.0",
      "react-markdown": "^8.0.3",
      "react-redux": "^8.0.4",
      "react-scripts": "5.0.1",
      "web-vitals": "^2.1.4"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
    },
    "eslintConfig": {
      "extends": [
        "react-app",
        "react-app/jest"
      ]
    },
    "browserslist": {
      "production": [
        ">0.2%",
        "not dead",
        "not op_mini all"
      ],
      "development": [
        "last 1 chrome version",
        "last 1 firefox version",
        "last 1 safari version"
      ]
    }
  }

解决方案

确认工作目录一致性：检查终端当前路径和VS Code打开的文件夹是否完全一致。终端路径是react_router_v6_lesson_starting_code，确保VS Code没有打开上层目录（比如Coding Projects），否则会看不到子目录里的node_modules。
强制重新安装依赖：在终端执行npm install --force，绕过缓存强制重新下载并安装所有依赖包。
清除npm缓存后重试：先执行npm cache clean --force清除本地npm缓存，再运行npm install，避免缓存中的异常数据导致安装不完整。
检查VS Code文件排除设置：打开VS Code设置（快捷键Ctrl+,），搜索files.exclude，确认是否勾选了**/node_modules，如果勾选则取消，让VS Code显示该文件夹。
手动验证文件系统&刷新VS Code视图：打开Windows资源管理器直接进入项目目录，查看node_modules是否真实存在。如果存在，点击VS Code文件树右上角的刷新按钮（或按Ctrl+R）刷新视图。
排查.npmrc配置异常：检查项目根目录和用户目录（C:\Users\jacma）下的.npmrc文件，查看是否有prefix等配置将依赖安装到了全局路径而非本地项目。若有异常配置，暂时重命名.npmrc后重新执行npm install。

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