Webpack 无法解析第三方模块

Webpack unable to resolve a third-party module

我在从 RequireJS 迁移到 webpack 的项目中使用 compact/angular-bootstrap-lightbox，我想知道我遇到的错误是在我的设置中还是模块本身。

在我的 webpack 入口点，我有：

require("angular");
require("angular-bootstrap-lightbox");
...

因此，要尝试满足这些依赖关系：

  1. npm install angular
  2. npm install angular-bootstrap-lightbox
  3. webpack

结果：

Module not found: Error: Cannot resolve module 'angular-bootstrap-lightbox' in ...

如果我注释掉 angular-bootstrap-lightbox require() 调用，Google 的 AngularJS 导入就好了，这让我觉得问题出在第三方模块上。如果是这样，他们缺少什么应该添加，是否有临时解决方法？

angular-bootstrap-lightbox 没有在 package.json 中指定的主文件。但是有 index.js 需要脚本。所以你只需要手动指定它：

require("angular-bootstrap-lightbox/index.js");

您可能还想加载 css。所以以类似的方式指定它：

require("angular-bootstrap-lightbox/dist/angular-bootstrap-lightbox.css");