javascript - Webpack 无法解析第三方模块

Question

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

在我的 webpack 入口点，我有:

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

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

1. npm 安装 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");