Webpack构建及部署报错：无法找到指定package.json文件

看起来你遇到了两类典型的路径解析错误，我来帮你逐个分析并给出解决方案：

1. 部署错误：尝试在名为package.json的文件夹中查找package.json文件 #

这个错误的核心是程序误将package.json文件当成了文件夹，去嵌套路径下查找目标文件。常见诱因有两个：

• 部署脚本、工具配置里写错了路径，比如把./package.json写成了./package.json/package.json
• 依赖安装或项目初始化时出了异常，意外生成了名为package.json的空文件夹

解决方案： #

• 先排查项目根目录：如果真的存在名为package.json的文件夹，直接删除它，保留正确的package.json文件
• 检查所有涉及读取package.json的配置/脚本：比如部署脚本、npm命令、webpack配置等，确保路径指向的是文件而非嵌套文件夹，正确路径示例：./package.json

2. Webpack构建报错：找不到bootstrap-sass/package.json/package.json #

从报错栈信息能看出来，bootstrap-loader在加载时错误地把bootstrap-sass的package.json文件当成了文件夹，进而去这个不存在的"文件夹"里找另一个package.json，属于典型的路径拼接错误。

常见原因： #

• bootstrap-loader的配置有误，或者和bootstrap-sass的版本不兼容
• 依赖安装不完整，导致bootstrap-sass的文件结构异常

分步解决方案： #

第一步：清理并重装依赖

先彻底清除现有依赖和锁文件，重新安装确保依赖结构完整：

rm -rf node_modules package-lock.json yarn.lock
npm install

第二步：检查bootstrap-loader配置

如果你自定义了bootstrap-loader的配置（比如.bootstraprc或webpack配置文件里的相关设置），确认所有路径配置指向的是bootstrap-sass文件夹，而非它的package.json文件。比如有些配置项要求指定bootstrapPath，正确值应该是./node_modules/bootstrap-sass，而不是./node_modules/bootstrap-sass/package.json。

第三步：锁定兼容的依赖版本

如果是版本兼容性问题，可以尝试使用经过验证的稳定版本组合：

npm install bootstrap-sass@3.3.7 bootstrap-loader@2.2.0 --save-dev

第四步：检查Webpack的模块解析配置

确保webpack的resolve配置没有异常规则导致路径解析错误，示例正常配置如下：

// webpack.config.js
module.exports = {
  resolve: {
    extensions: ['.js', '.jsx', '.json'],
    modules: ['node_modules']
  }
  // 其他配置...
}

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