Hello,
I updated my project to angular v9 and also updated ng2-completer to 9.0.0 but I got error that "Class Ng2CompleterModule is not an Angular module " my modules.
Here is my package.json:
{ "name": "marketyo-clear", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve --disable-host-check --port 4200", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "compile:server": "webpack --config webpack.server.config.js --progress --colors", "serve:ssr": "node dist/server", "build:ssr": "npm run build:client-and-server-bundles && npm run compile:server", "build:client-and-server-bundles": "ng build --prod --aot --source-map=false --build-optimizer && ng run marketyo-clear:server:production --bundleDependencies all" }, "private": true, "dependencies": { "@angular/animations": "^9.0.7", "@angular/common": "^9.0.7", "@angular/compiler": "^9.0.7", "@angular/core": "^9.0.7", "@angular/forms": "^9.0.7", "@angular/platform-browser": "^9.0.7", "@angular/platform-browser-dynamic": "^9.0.7", "@angular/platform-server": "^9.0.7", "@angular/router": "^9.0.7", "@ngu/carousel": "^2.0.0", "@nguniversal/common": "^9.0.2", "@nguniversal/express-engine": "^9.0.2", "@nguniversal/module-map-ngfactory-loader": "8.2.6", "@ngx-lite/json-ld": "^0.6.2", "@ngx-pwa/local-storage": "^9.0.3", "@ngx-translate/core": "^12.1.2", "@ngx-translate/http-loader": "^4.0.0", "@types/express-serve-static-core": "^4.17.2", "angulartics2": "^8.3.0", "bootstrap": "^3.4.1", "core-js": "^3.6.4", "express": "^4.17.1", "hammerjs": "^2.0.8", "ion-rangeslider": "^2.3.1", "jquery": "^3.4.1", "lightslider": "^1.1.6", "ng-animate": "^0.3.4", "ng-click-outside": "^6.0.0", "ng-lazyload-image": "^7.1.0", "ng-otp-input": "^1.7.0", "ng-recaptcha": "^5.0.0", "ng2-completer": "^9.0.0", "ng2-date-picker": "^8.0.0", "ng5-slider": "^1.2.4", "ngx-bootstrap": "^5.5.0", "ngx-cookie-service": "^3.0.3", "ngx-image-zoom": "^0.6.0", "ngx-mask": "^8.1.7", "ngx-pagination": "^5.0.0", "ngx-slick-carousel": "^0.5.0", "ngx-spinner": "9.0.1", "ngx-toastr": "^12.0.0", "reflect-metadata": "^0.1.13", "rxjs": "^6.5.4", "rxjs-compat": "^6.5.4", "slick-carousel": "^1.8.1", "sweetalert2": "^8.18.6", "systemjs": "^6.2.6", "tslib": "^1.11.1", "zone.js": "~0.10.3" }, "devDependencies": { "@angular-devkit/build-angular": "~0.900.7", "@angular/cli": "^9.0.7", "@angular/compiler-cli": "^9.0.7", "@angular/language-service": "^9.0.7", "@types/jasmine": "^3.5.9", "@types/jasminewd2": "^2.0.8", "@types/node": "^13.9.2", "codelyzer": "^5.2.1", "jasmine-core": "~3.5.0", "jasmine-spec-reporter": "~4.2.1", "karma": "^4.4.1", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "^2.1.1", "karma-jasmine": "~3.1.1", "karma-jasmine-html-reporter": "^1.5.2", "node-sass": "^4.13.1", "protractor": "^6.0.0", "ts-loader": "^6.2.1", "ts-node": "~8.8.1", "tslint": "~6.1.0", "typescript": "~3.7.5", "webpack-cli": "^3.3.11" } }
my module:
`import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {SearchBarComponent} from './search-bar.component';
import {DynamicComponentLoaderModule} from '../../../dynamic-component-loader/dynamic-component-loader.module';
import {ReactiveFormsModule, FormsModule} from '@angular/forms';
import {RouterModule} from '@angular/router';
import {Ng2CompleterModule} from 'ng2-completer';
@NgModule({
declarations: [SearchBarComponent],
imports: [
CommonModule,
DynamicComponentLoaderModule.forChild(SearchBarComponent),
RouterModule,
FormsModule,
ReactiveFormsModule,
Ng2CompleterModule
]
})
export class SearchBarModule {
}
`
Hello,
I updated my project to angular v9 and also updated ng2-completer to 9.0.0 but I got error that "Class Ng2CompleterModule is not an Angular module " my modules.
Here is my package.json:
{ "name": "marketyo-clear", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve --disable-host-check --port 4200", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "compile:server": "webpack --config webpack.server.config.js --progress --colors", "serve:ssr": "node dist/server", "build:ssr": "npm run build:client-and-server-bundles && npm run compile:server", "build:client-and-server-bundles": "ng build --prod --aot --source-map=false --build-optimizer && ng run marketyo-clear:server:production --bundleDependencies all" }, "private": true, "dependencies": { "@angular/animations": "^9.0.7", "@angular/common": "^9.0.7", "@angular/compiler": "^9.0.7", "@angular/core": "^9.0.7", "@angular/forms": "^9.0.7", "@angular/platform-browser": "^9.0.7", "@angular/platform-browser-dynamic": "^9.0.7", "@angular/platform-server": "^9.0.7", "@angular/router": "^9.0.7", "@ngu/carousel": "^2.0.0", "@nguniversal/common": "^9.0.2", "@nguniversal/express-engine": "^9.0.2", "@nguniversal/module-map-ngfactory-loader": "8.2.6", "@ngx-lite/json-ld": "^0.6.2", "@ngx-pwa/local-storage": "^9.0.3", "@ngx-translate/core": "^12.1.2", "@ngx-translate/http-loader": "^4.0.0", "@types/express-serve-static-core": "^4.17.2", "angulartics2": "^8.3.0", "bootstrap": "^3.4.1", "core-js": "^3.6.4", "express": "^4.17.1", "hammerjs": "^2.0.8", "ion-rangeslider": "^2.3.1", "jquery": "^3.4.1", "lightslider": "^1.1.6", "ng-animate": "^0.3.4", "ng-click-outside": "^6.0.0", "ng-lazyload-image": "^7.1.0", "ng-otp-input": "^1.7.0", "ng-recaptcha": "^5.0.0", "ng2-completer": "^9.0.0", "ng2-date-picker": "^8.0.0", "ng5-slider": "^1.2.4", "ngx-bootstrap": "^5.5.0", "ngx-cookie-service": "^3.0.3", "ngx-image-zoom": "^0.6.0", "ngx-mask": "^8.1.7", "ngx-pagination": "^5.0.0", "ngx-slick-carousel": "^0.5.0", "ngx-spinner": "9.0.1", "ngx-toastr": "^12.0.0", "reflect-metadata": "^0.1.13", "rxjs": "^6.5.4", "rxjs-compat": "^6.5.4", "slick-carousel": "^1.8.1", "sweetalert2": "^8.18.6", "systemjs": "^6.2.6", "tslib": "^1.11.1", "zone.js": "~0.10.3" }, "devDependencies": { "@angular-devkit/build-angular": "~0.900.7", "@angular/cli": "^9.0.7", "@angular/compiler-cli": "^9.0.7", "@angular/language-service": "^9.0.7", "@types/jasmine": "^3.5.9", "@types/jasminewd2": "^2.0.8", "@types/node": "^13.9.2", "codelyzer": "^5.2.1", "jasmine-core": "~3.5.0", "jasmine-spec-reporter": "~4.2.1", "karma": "^4.4.1", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "^2.1.1", "karma-jasmine": "~3.1.1", "karma-jasmine-html-reporter": "^1.5.2", "node-sass": "^4.13.1", "protractor": "^6.0.0", "ts-loader": "^6.2.1", "ts-node": "~8.8.1", "tslint": "~6.1.0", "typescript": "~3.7.5", "webpack-cli": "^3.3.11" } }my module:
`import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {SearchBarComponent} from './search-bar.component';
import {DynamicComponentLoaderModule} from '../../../dynamic-component-loader/dynamic-component-loader.module';
import {ReactiveFormsModule, FormsModule} from '@angular/forms';
import {RouterModule} from '@angular/router';
import {Ng2CompleterModule} from 'ng2-completer';
@NgModule({
declarations: [SearchBarComponent],
imports: [
CommonModule,
DynamicComponentLoaderModule.forChild(SearchBarComponent),
RouterModule,
FormsModule,
ReactiveFormsModule,
Ng2CompleterModule
]
})
export class SearchBarModule {
}
`