`NgAisModule' does not appear to be an NgModule class

[mozi22]

Hello,

I'm trying to install angular-instantsearch in my ionic capacitor angular project but keep getting the following error.

This error appears when I try to add the NgAisModule in my NgModules of the ionic angular.

My package.json looks like the following.

  "dependencies": {
    "@angular/animations": "^16.0.0",
    "@angular/common": "^16.0.0",
    "@angular/compiler": "^16.0.0",
    "@angular/core": "^16.0.0",
    "@angular/forms": "^16.0.0",
    "@angular/platform-browser": "^16.0.0",
    "@angular/platform-browser-dynamic": "^16.0.0",
    "@angular/router": "^16.0.0",
    "@babel/runtime": "^7.22.5",
    "@capacitor/android": "5.0.5",
    "@capacitor/app": "5.0.3",
    "@capacitor/core": "5.0.5",
    "@capacitor/haptics": "5.0.4",
    "@capacitor/keyboard": "5.0.4",
    "@capacitor/status-bar": "5.0.4",
    "@ionic/angular": "^7.0.0",
    "algoliasearch": "^4.17.2",
    "angular-instantsearch": "^4.4.1",
    "ionicons": "^7.0.0",
    "rxjs": "~7.8.0",
    "tslib": "^2.3.0",
    "typesense-instantsearch-adapter": "^2.7.0",
    "zone.js": "~0.13.0"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^16.0.0",
    "@angular-eslint/builder": "^16.0.0",
    "@angular-eslint/eslint-plugin": "^16.0.0",
    "@angular-eslint/eslint-plugin-template": "^16.0.0",
    "@angular-eslint/schematics": "^16.0.0",
    "@angular-eslint/template-parser": "^16.0.0",
    "@angular/cli": "^16.0.0",
    "@angular/compiler": "^16.0.0",
    "@angular/compiler-cli": "^16.0.0",
    "@angular/language-service": "^16.0.0",
    "@capacitor/cli": "5.0.5",
    "@ionic/angular-toolkit": "^9.0.0",
    "@types/jasmine": "~4.3.0",
    "@types/node": "^12.11.1",
    "@typescript-eslint/eslint-plugin": "5.3.0",
    "@typescript-eslint/parser": "5.3.0",
    "eslint": "^7.26.0",
    "eslint-plugin-import": "2.22.1",
    "eslint-plugin-jsdoc": "30.7.6",
    "eslint-plugin-prefer-arrow": "1.2.2",
    "jasmine-core": "~4.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.4.0",
    "karma-chrome-launcher": "~3.2.0",
    "karma-coverage": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.0.0",
    "ts-node": "^8.3.0",
    "typescript": "~5.0.2"
  },
  "description": "An Ionic project"
}

Any ideas or pointers on what might be causing the problem ?

[JoshuaAlzate]

At the moment, you can't use this library with Angular 16.

[tushar33]

@JoshuaAlzate Facing same issue for Angular 11.

[JoshuaAlzate]

@tushar33 we completely removed this library to our codebase and implemented our own component

[tushar33]

@JoshuaAlzate
I am following this https://www.algolia.com/doc/guides/building-search-ui/getting-started/angular/ to implement in angular.
If this is not correct then how to use in Angular 11?

[mozi22]

I did manage to run it with Angular 15. Didn't do much, just changed the versions in my package.json to make it work