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");