Windows10下执行npm命令遇MODULE_NOT_FOUND错误求助

错误信息 #

node:internal/modules/cjs/loader:1063
 throw err;
^
Error: Cannot find module 'D:\mobile-version portfolio\
at Module._resolveFilename (node:internal/modules/cjs/loader:1060:15)
at node:internal/main/check_syntax:34:20 {
 code: 'MODULE_NOT_FOUND',
   requireStack: []
}

环境与背景 #

• Node.js版本：v19.6.0
• 系统：Windows 10
• 项目依赖Webpack，需实现：
  • 将src文件更新同步到dist文件
  • 检查并修复项目中的linter错误

已尝试操作 #

• 卸载重装Node.js
• 删除并重新安装node_modules
• 执行npm run start、npm run build、npx stylelint **/*.{css,scss}等所有npm命令，均触发相同错误

package.json内容 #

{
  "name": "to-do-list",
  "version": "1.0.0",
  "description": "README.md\r One attachment\r • Scanned by Gmail\r <a name=\"readme-top\"></a>",
  "main": "index.js",
  "private": true,
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack serve --open",
    "build": "webpack --config webpack.config.js"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/Tracy-miranja/TO-DO-LIST.git"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/Tracy-miranja/TO-DO-LIST/issues"
  },
  "homepage": "https://github.com/Tracy-miranja/TO-DO-LIST#readme",
  "devDependencies": {
    "@babel/core": "^7.17.8",
    "@babel/preset-env": "^7.16.11",
    "babel-eslint": "^10.1.0",
    "babel-loader": "^8.2.3",
    "css-loader": "^6.7.1",
    "eslint": "^7.32.0",
    "eslint-config-airbnb-base": "^14.2.1",
    "eslint-plugin-import": "^2.27.5",
    "hint": "^2.0.0",
    "html-webpack-plugin": "^5.5.0",
    "sass": "^1.49.9",
    "sass-loader": "^12.6.0",
    "style-loader": "^3.3.1",
    "stylelint": "^13.13.1",
    "stylelint-config-standard": "^21.0.0",
    "stylelint-csstree-validator": "^1.9.0",
    "stylelint-scss": "^3.21.0",
    "webpack": "^5.75.0",
    "webpack-bundle-analyzer": "^4.5.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^4.11.1"
  },
  "dependencies": {
    "lodash": "^4.17.21"
  }
}

1. 修复项目路径空格问题 #

错误信息显示路径D:\mobile-version portfolio\包含空格，Windows环境下Node.js处理带空格的路径易出现异常：

• 将项目移动到无空格的路径，比如D:\mobile-version-portfolio\或D:\Projects\to-do-list\
• 移动后重新打开终端，进入新路径，执行npm install后重试命令

2. 清理npm缓存并重装依赖 #

执行以下命令：

npm cache clean --force

删除项目根目录下的node_modules文件夹和package-lock.json文件，再执行npm install

3. 检查Webpack配置文件 #

确认项目根目录存在webpack.config.js，且配置中未引用带空格的绝对路径。若有硬编码路径，改为相对路径或使用path.resolve(__dirname, '目标路径')生成正确路径

4. 验证Node.js环境变量 #

• 打开系统环境变量，确认NODE_PATH无错误配置
• 在终端执行node -v和npm -v，验证命令可正常运行

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