模块 'algoliasearch' 不可用错误

Question

我正在尝试使用 Algolia AngularJS module 创建即时搜索原型。我正在使用通过 jhipster（微服务网关）生成的应用程序，它使用 Angular JS v1.x.

然而，当我启动我的应用程序时，出现此错误：

我运行以下命令安装algolia搜索js模块

1. npm install algoliasearch --save
2. bower install algoliasearch -S
3. Added algoliasearch as a dependency in app.module.js

我也交叉检查了所有相关文件（见下文）但没有发现任何问题。其他模块已正确加载。

index.html ：这具有本地存在的 algoliasearch.js 文件的脚本标记：
bower.json 已正确安装 algoliasearch js 客户端，我可以在 bower_components 下看到 algoliasearch 文件夹
这是我添加 algoliasearch js 模块的地方 app.module.js

不确定我是否遗漏了什么。任何解决此问题的帮助都会很棒。

11 月 20 日更新： 感谢这里的答案。我通过将以下内容添加到我的 bower.json 文件

来实现此目的

"algoliasearch": {
    "main":[
        "dist/algoliasearch.js",
        "dist/algoliasearch.angular.js"
     ],
    "dependencies": {
        "angular": "1.5.8"
    }
},

Answer 1

您需要包含 angular 特定构建，例如

algoliasearch.angular.min.js

并且还将 angular.js 的脚本包含在此之上。

Answer 2

特定于 JHipster：要让 algoliasearch.angular.js 自动包含，您需要将其添加到项目的 bower.json 文件中，就像我们已经为其他依赖项所做的那样，当它们的 bower.json 不包含时在我们的上下文中需要足够的文件（太多）：

"overrides": {
    "algoliasearch ": {
      "main": [
        "dist/algoliasearch.js",
        "dist/algoliasearch.angular.js"
      ]
    },

不要忘记在编辑 bower.json 后运行 gulp 或 gulp inject 注入这两个脚本（参见 documentation 推荐的工作流程运行 mvn/gradle 和 gulp)

不需要包含这些文件的缩小版本，因为它们会被 JHipster gulp 构建过程缩小。

模块 'algoliasearch' 不可用错误

Module 'algoliasearch' is not available Error

angularjs

jhipster

algolia