Webpack无法识别node_modules中已存在的特定模块问题求助

背景 #

正在将Web应用从RequireJS迁移至Webpack，大部分第三方依赖能正常打包，但某一依赖下的特定文件始终无法加载——同一依赖中的其他文件却能正常识别。

配置信息 #

webpack.config.js相关配置：

{
   resolve: {
      // 合并两个根目录作为自有代码源
      roots: [path.resolve(__dirname, "src", "app"), path.resolve(__dirname, "..", "shared", "src", "app")],

      // 所有require/import路径默认从上述根目录开始
      preferAbsolute: true,

      // 可打包的node/yarn模块目录
      modules: [path.resolve(__dirname, "node_modules")]
   }
}

错误信息 #

Module not found: Error: Can't resolve 'accdc/js/modules/calendar_generator' 
 in '[项目路径]\src\app\components\field\date'

导入语句 #

抛出错误的文件中的代码：

import AccDc from "accdc/js/Acc.DC.API.U";
import AccDcCalendar from "accdc/js/modules/calendar_generator";

注释掉第二行后构建正常，仅该行存在问题。

文件结构验证 #

node_modules中目标文件确实存在：accdc/js/目录下有Acc.DC.API.U.js，accdc/js/modules/目录下有calendar_generator.js。该依赖为已弃用的bootstrap-jquery库，暂时无法替换。

解决方案 #

1. 手动指定文件扩展名 #

Webpack默认会补全常见扩展名，但如果配置中未覆盖目标扩展名，可能导致解析失败。先手动添加扩展名测试：

import AccDcCalendar from "accdc/js/modules/calendar_generator.js";

如果可行，在webpack.config.js的resolve.extensions中添加对应扩展名：

resolve: {
  // ...其他配置
  extensions: ['.js', '.json'] // 确保包含所需扩展名
}

2. 查看Webpack实际搜索路径 #

想要知道Webpack具体尝试了哪些路径，可以在构建命令中添加详细日志参数：

webpack --stats detailed

日志会输出模块搜索的完整过程，能直接看到Webpack找文件时遍历的所有绝对路径。

3. 强制指向node_modules查找 #

因为配置了preferAbsolute: true，Webpack会优先从自有代码根目录搜索，可能误将accdc当成自有模块。可以给导入路径加~前缀，强制Webpack去node_modules查找：

import AccDcCalendar from "~accdc/js/modules/calendar_generator";

或者调整resolve.modules的顺序，让node_modules优先级更高：

modules: ['node_modules', path.resolve(__dirname, "node_modules")]

4. 检查文件名大小写 #

Windows文件系统不区分大小写，但Webpack在部分场景下会严格匹配。确认导入路径中的文件名大小写和实际文件完全一致。

5. 配置别名强制映射 #

如果以上方法都无效，直接给目标文件配置别名，强制Webpack指向正确路径：

resolve: {
  // ...其他配置
  alias: {
    'accdc/js/modules/calendar_generator': path.resolve(__dirname, 'node_modules/accdc/js/modules/calendar_generator.js')
  }
}

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