Build Issue

[kiranatious]

[kiranatious]

cannot find module collections

[ByteThisCoding]

Hello, thanks for raising the build issue! Can you share some details about the project you're running, preferably the package.json but if not, the version of Angular you're running, typescript, etc?

Also, try to: npm install @byte-this/collections, it's possible the downstream dependency did not install automatically.

[kiranatious]

@byte-this/collections

{ "name": "reliability-portal", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "stats": "webpack-bundle-analyzer dist/stats.json", "analyze": "ng build --prod --stats-json && webpack-bundle-analyzer dist/wrp/stats-es2015.json", "gzipper": "gzipper", "i18n:init": "ngx-translate-extract --input ./src --output ./src/assets/i18n/template.json --key-as-default-value --format json" }, "private": true, "dependencies": { "@amcharts/amcharts4": "^4.10.27", "@angular/animations": "~9.1.12", "@angular/cdk": "^9.0.6", "@angular/common": "~9.1.12", "@angular/compiler": "~9.1.12", "@angular/core": "~9.1.12", "@angular/flex-layout": "^9.0.0-beta.29", "@angular/forms": "^9.1.12", "@angular/material": "^9.0.6", "@angular/platform-browser": "~9.1.12", "@angular/platform-browser-dynamic": "~9.1.12", "@angular/router": "~9.1.12", "@byte-this/collections": "^1.0.48", "@byte-this/ngx-google-fonts": "0.0.15", "@ncstate/sat-popover": "^7.1.0", "@ngx-translate/core": "^12.1.2", "@ngx-translate/http-loader": "^7.0.0", "angular-split": "^4.0.0", "angular-tree-component": "^8.5.6", "angulartics2": "^9.1.0", "bayesian-changepoint": "^1.0.1", "countries-and-timezones": "~2.4.0", "google-libphonenumber": "^3.2.16", "hammerjs": "^2.0.8", "humanize-duration-ts": "^2.1.1", "intl-tel-input": "^17.0.3", "mathjs": "^6.6.4", "messageformat": "^2.3.0", "moment": "^2.29.4", "nan": "^2.14.0", "ng-dynamic-component": "^5.0.0", "ngx-cookie-service": "^3.0.4", "ngx-daterangepicker-material": "2.3.0", "ngx-skeleton-loader": "^1.2.7", "ngx-translate-messageformat-compiler": "^4.11.0", "randomcolor": "^0.5.4", "rxjs": "~6.5.4", "tslib": "^1.10.0", "zone.js": "~0.10.2" }, "devDependencies": { "@angular-builders/custom-webpack": "^9.2.0", "@angular-devkit/build-angular": "~0.901.12", "@angular/cli": "~9.1.12", "@angular/compiler-cli": "~9.1.12", "@angular/language-service": "~9.1.12", "@biesbjerg/ngx-translate-extract": "^7.0.4", "@biesbjerg/ngx-translate-extract-marker": "^1.0.0", "@types/jasmine": "~3.5.0", "@types/jasminewd2": "~2.0.3", "codelyzer": "^5.1.2", "gzipper": "^6.0.0", "jasmine-core": "~3.5.0", "jasmine-spec-reporter": "~4.2.1", "karma": "~4.3.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "~2.1.0", "karma-jasmine": "~2.0.1", "karma-jasmine-html-reporter": "^1.4.2", "karma-spec-reporter": "0.0.32", "prettier": "^2.0.2", "protractor": "~5.4.3", "ts-node": "~8.3.0", "tslint": "~5.18.0", "typescript": "~3.7.5", "webpack-bundle-analyzer": "^3.9.0" } }

Angular 9 Material

after installing collections now i am getting this error

Thanks for your help.

[ByteThisCoding]

I see, it looks like you're using Angular 9. I originally developed this in Angular 12, so this is probably an Angular version compatibility issue.

[kiranatious]

okay.. thanks for your prompt response . Appreciate it.

[ByteThisCoding]

No worries, if you need additional info, I've got it on this page: https://bytethisstore.com/articles/pg/angular-font-selector-component(footer:april22)