Question

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

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

我运行以下命令来安装algolia search js module

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

您需要包含类似

的角度特定构建

algoliasearch.angular.min.js

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

Answer 2

特定于JHipster：要自动包含bower.json，您需要将它添加到项目的bower.json文件中，就像我们已经为其他依赖项做的那样"overrides": { "algoliasearch ": { "main": [ "dist/algoliasearch.js", "dist/algoliasearch.angular.js" ] },不包含足够的文件（太多）在我们的背景下需要：

gulp

在编辑gulp inject之后不要忘记运行bower.json或$('#exchangeInputFirst').keyup(function () { //eur formatting numeral.language('sk'); $('#exchangeInputFirst').val(numeral($('#exchangeInputFirst').val()).format('0,0.00$'); //to HUF format $('#exchangeInputSecond').val($('#exchangeInputFirst').val()*$('#first').html()); numeral.language('hu'); var string = numeral($('#exchangeInputSecond').val()).format('0,0.00$'); $('#exchangeInputSecond').val(string); });以注入这两个脚本（有关推荐的工作流程，请参阅documentation以运行mvn / gradle和gulp ）

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

模块＆＃39; algoliasearch＆＃39;不可用错误

2 个答案: