Webpack 无法解析第三方模块

Question

我在从 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 导入就好了，这让我认为问题出在第三方模块上。如果是这种情况，他们缺少哪些应该添加的内容，是否有临时解决方法？

Answer 1

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

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

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

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