【问题标题】:Algolia instantsearch angular 5, TypeError: instantsearch is not a function at componentAlgolia instantsearch angular 5,TypeError:instantsearch is not a function at component
【发布时间】:2018-12-05 20:47:35
【问题描述】:

我正在尝试在我的 Angular 5 应用程序中实现 algolia 即时搜索,并且正在使用本教程:Angular Full Text Search With Algolia Frontend 我已经安装了 instantsearch.js

我收到一个错误:ERROR TypeError: instantsearch is not a function at SearchUiComponent.ngOnInit

我尝试在 import 语句中添加以下内容:

import * as instantsearch from 'instantsearch.js';
declare var instantsearch: any;

import * as instantsearch from 'instantsearch.js/es'

SearchUi.component:

import { Component, OnInit } from '@angular/core';
import { environment } from '../../environments/environment';
import * as instantsearch from 'instantsearch.js'

export class SearchUiComponent implements OnInit {

search: any;

constructor() { }

ngOnInit() {
const options = environment.algolia;

this.search = instantsearch(options);

// search box widget
this.search.addWidget(
  instantsearch.widgets.searchBox({
    container: '#search-box',
    autofocus: false,
    placeholder: 'Search for actors',
    poweredBy: true
  })
);
this.search.start();

SearchUi.html

<div id="search-box">
 <!-- SearchBox widget will appear here -->
</div>
<div id="hits">
 <!-- Hits widget will appear here -->
</div>

【问题讨论】:

    标签: angular angular5 algolia


    【解决方案1】:

    将导入更改为似乎可以解决问题:

    import instantsearch from 'instantsearch.js/dist-es5-module/src/lib/main';
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-06-29
      • 2019-02-13
      • 2021-08-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-11-24
      • 2019-03-07
      相关资源
      最近更新 更多