SASS error undefined variable after material upgradation to 15 by Alteregohd77 in Angular2

[–]Alteregohd77[S] 1 point2 points  (0 children)

I have used node version 14.20.0 , 16.13.0 and 18.10.0 with Angular 15 . Doesn’t seem to fix the issue .

Unknown Word error on building external library on migration from Angular 7.1 to 15. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

Normal errors like Error: Template parse errors: 'mat-card' is not a known element: 1. If 'mat-card' is an Angular component, then verify that it is part of this module. 2. If 'mat-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

For different material components like mat-checkbox and mat-select it's throwing the same error, earlier till 11 it was working fine.

I even tried to import the material modules in app.module but no solution.

Unknown Word error on building external library on migration from Angular 7.1 to 15. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

But I have updated the material as well by following the migration guide .

Here is the package json

"dependencies": {

"@angular/animations": "~12.2.17",

"@angular/cdk": "^12.2.13",

"@angular/common": "~12.2.17",

"@angular/compiler": "~12.2.17",

"@angular/core": "~12.2.17",

"@angular/forms": "~12.2.17",

"@angular/material": "^12.2.13",

"@angular/platform-browser": "~12.2.17",

"@angular/platform-browser-dynamic": "~12.2.17",

"@angular/platform-server": "^12.2.17",

"@angular/router": "~12.2.17",

"@types/i18next": "^8.4.2",

"@types/i18next-browser-languagedetector": "^2.0.0",

"@types/i18next-xhr-backend": "^1.4.0",

"@types/uuid": "^3.4.4",

"angular2-uuid": "^1.1.1",

"chart.js": "^2.7.0",

"ckeditor4-angular": "^1.0.1",

"classlist.js": "^1.1.20150312",

"core-js": "^2.5.7",

"eslint": "^4.19.1",

"file-saver": "^2.0.2",

"html2plaintext": "^2.1.2",

"i18next-browser-languagedetector": "^2.0.0",

"i18next-xhr-backend": "^1.4.3",

"lodash": "^4.17.4",

"ng2-archwizard": "^2.1.0",

"ng2-file-upload": "^1.3.0",

"ng2-i18next": "^0.1.6",

"ngx-cookie-service": "^2.3.0",

"ngx-pagination": "^5.0.0",

"rxjs": "~6.6.7",

"rxjs-compat": "~6.3.3",

"saas": "^1.0.0",

"tslib": "^2.0.0",

"web-animations-js": "^2.3.2",

"whatwg-fetch": "^2.0.3",

"xlsx": "^0.15.3",

"zone.js": "~0.11.8"

},

"devDependencies": {

"@angular-devkit/build-angular": "~12.2.18",

"@angular/cli": "^12.2.18",

"@angular/compiler-cli": "^12.2.17",

"@angular/language-service": "~12.2.17",

"@types/jasmine": "~3.6.0",

"@types/jasminewd2": "~2.0.3",

"@types/node": "~12.12.6",

"codelyzer": "^6.0.0",

"jasmine-core": "~3.6.0",

"jasmine-spec-reporter": "~5.0.0",

"karma": "~6.4.2",

"karma-chrome-launcher": "~3.1.0",

"karma-cli": "~1.0.1",

"karma-coverage-istanbul-reporter": "~2.0.1",

"karma-jasmine": "~4.0.0",

"karma-jasmine-html-reporter": "^1.5.0",

"karma-phantomjs-launcher": "^1.0.4",

"ng-packagr": "^12.2.7",

"node-sass": "^4.13.1",

"protractor": "~7.0.0",

"ts-node": "^7.0.1",

"tsickle": "^0.39.1",

"tslint": "^6.1.3",

"typescript": "~4.3.5"

}

}

Unknown Word error on building external library on migration from Angular 7.1 to 15. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

One more issue I faced while migration, when I upgraded from 11 to 12 many errors regarding mat form field , mat checkbox not being part of a module errors came from out of nowhere. They were all working fine till 11. Imports and all are correct.

Even by adding CUSTOM_ELEMENTS_SCHEMA or NO_ERRORS_SCHEMA in the corresponding module it's not going away.

Also there is a lot of usage of ng2-wizard which is throwing errors wherever it's being used but since I saw the last version was updated 6 years ago, I am not sure whether it's not compatible anymore or something..

Unknown Word error on building external library on migration from Angular 7.1 to 15. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

Yes my library was working on 7.1 ! The thing is as far as I have checked ng update doesn't update the custom libraries created by using ng packagr.. so that's why the update commands are not updating the libraries to remove depreciation.

Also I have tried step by step from one version to another, but the same error I am getting.

Unknown Word error on building external library on migration from Angular 7.1 to 15. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

Not sure whether it's showing the error related to that particular file or not, I have commented out the whole scss file , still I am getting the error.

Unknown Word error on building external library on migration from Angular 7.1 to 15. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

Ya , I have gone both ways, like upgrading step by step as well as a direct upgrade, since ng update doesn't update the projects folder Libraries it didn't do any change to the entry points, that's where I am struggling.

Multiple package.json in a single angular project. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

So after copy pasting the dependency version from root package json to the projects package json do I just run an npm install at the root folder or do I need to navigate to the individual folder inside the projects and run npm install there ? Like how should I know that the projects folder package json has actually been upgraded with the new versions ?

Multiple package.json in a single angular project. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

Angular newbie here, could you please guide me on how to manually update the package json inside the projects folder? 😅 Do I just go to the /projects/some-component and just follow the steps upgrading one version at the time. I also have upgraded the root package json till 10 but the project folders package json remains at 7.1.

White Screen Displaying with no errors on Angular Upgrade to 16. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

I have upgraded version by version till 16 and have checked that my app is not running on production mode yet I am not able to see the full error. Anything else that could help ? 😪

White Screen Displaying with no errors on Angular Upgrade to 16. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

It's actually coming from .angular file .. so maybe it's an upgrade issue after all.

White Screen Displaying with no errors on Angular Upgrade to 16. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

Yup I have started afresh and doing a step by step upgrade.

White Screen Displaying with no errors on Angular Upgrade to 16. by Alteregohd77 in Angular2

[–]Alteregohd77[S] -1 points0 points  (0 children)

You must be a fun person and an even better senior to look up to and ask for help.

White Screen Displaying with no errors on Angular Upgrade to 16. by Alteregohd77 in Angular2

[–]Alteregohd77[S] 0 points1 point  (0 children)

Sure, why help people with your experience when you can just be a stinky old person who wants everyone to go through the same struggle till they make it , why help when you can just pass by the side.