无框架基础JS项目配置Webpack遇报错求助

我正在无框架的基础JavaScript项目中配置Webpack，执行npm run build时持续报错，报错信息如下：

> code@1.0.0 build
> webpack

'Workflows\Code\node_modules\.bin\' is not recognized as an internal or external command,
operable program or batch file.
node:internal/modules/cjs/loader:942
  throw err;
  ^

Error: Cannot find module 'E:\KalBonyanAlmarsos\04 - JavaScript\webpack\bin\webpack.js'
    at Module._resolveFilename (node:internal/modules/cjs/loader:939:15)     
    at Module._load (node:internal/modules/cjs/loader:780:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
    at node:internal/main/run_main_module:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}

Node.js v18.2.0

附项目文件结构与Webpack配置文件截图：

实用解决步骤 #

• 确认Webpack本地安装状态
  先执行npm list webpack webpack-cli检查项目是否已安装这两个包，若未安装，执行本地安装命令：

  npm install webpack webpack-cli --save-dev
  

  不要依赖全局安装包，本地安装能避免路径解析冲突。

• 修改package.json的build命令
  直接调用本地依赖，规避系统路径解析问题：

  "scripts": {
    "build": "npx webpack"
  }
  

  或者用相对路径指定：

  "scripts": {
    "build": "./node_modules/.bin/webpack"
  }
  

• 移除项目路径中的特殊字符
  你的项目路径包含空格（04 - JavaScript），Windows系统下这类特殊字符容易触发路径解析错误，建议把项目迁移到无空格、无特殊符号的路径下，比如E:\KalBonyanAlmarsos\04-JavaScript\webpack。

• 重置依赖安装
  删除node_modules文件夹和package-lock.json文件，再执行npm install重新安装所有依赖，解决依赖缓存损坏或安装不完整的问题。

• 指定Webpack配置文件路径
  确保webpack.config.js在项目根目录，若配置文件在其他位置，需在命令中明确指定：

  "scripts": {
    "build": "npx webpack --config ./config/webpack.config.js"
  }
  

内容的提问来源于stack exchange，提问作者卄卂丂丂卂几