Getting Error In fresh downloaded Angular project (code) #7262

PMS created 4 years ago

Hello Support Team,

Find the Angular code from here : removed for security concerns by alper

After Download code I performed below step to configure the angular app.

Open In the visual code
In Terminal Run the command -- > yarn to install the Node_modules
After successfully install the Node_modules then run this command npm start
When run the localhost url in browser http://localhost:4200/ getting errors in browser console like

Unhandled Promise rejection: Cannot read property 'toLowerCase' of undefined ; Zone: <root> ; Task: Promise.then ; Value: TypeError: Cannot read property 'toLowerCase' of undefined
    at setLocaleId (core.js:23653)
    at core.js:27262
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391)
    at Object.onInvoke (core.js:26763)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:390)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:150)
    at NgZone.push../node_modules/@angular/core/fesm5/core.js.NgZone.run (core.js:26677)
    at PlatformRef.push../node_modules/@angular/core/fesm5/core.js.PlatformRef.bootstrapModuleFactory (core.js:27253)
    at core.js:27296
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391) TypeError: Cannot read property 'toLowerCase' of undefined
    at setLocaleId (http://localhost:4200/vendor.js:70988:26)
    at http://localhost:4200/vendor.js:74597:13
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (http://localhost:4200/polyfills.js:12618:26)
    at Object.onInvoke (http://localhost:4200/vendor.js:74098:33)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (http://localhost:4200/polyfills.js:12617:52)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (http://localhost:4200/polyfills.js:12377:43)
    at NgZone.push../node_modules/@angular/core/fesm5/core.js.NgZone.run (http://localhost:4200/vendor.js:74012:28)
    at PlatformRef.push../node_modules/@angular/core/fesm5/core.js.PlatformRef.bootstrapModuleFactory (http://localhost:4200/vendor.js:74588:23)
    at http://localhost:4200/vendor.js:74631:59
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (http://localhost:4200/polyfills.js:12618:26)

Error screenshot Please review & help to resolve this error ASAP.

33 Answer(s)

0

maliming created 4 years ago
Support Team

please see:https://github.com/aspnetzero/aspnet-zero-core/issues/2451
0

metatechsoftware created 4 years ago

I have the same issue with the latest release; I changed root.module.ts as in commit 1155350 and still the same issue. Pls check...
0

maliming created 4 years ago
Support Team

I will check it again.
1

maliming created 4 years ago
Support Team

You should use the 8.0.0 version of angular. But in yarn, I don't know why you are using angular 8.1.0.
1

alper created 4 years ago
Support Team

hi, What's your Angular version? The original AspNet Zero uses v8.0. See https://github.com/aspnetzero/aspnet-zero-core/blob/dev/angular/yarn.lock#L177 If you delete yarn.lock it may update to v8.1, so restore it from the repository.
0

PMS created 4 years ago

Hi,

I have downgrade the Angular version to 8.0.0 and I had deleted this yarn.lock and try with the yarn and still getting the same error .
0

antonis created 4 years ago

I have the same problem. Any fix?
0

maliming created 4 years ago
Support Team

Please stay on Angular 8 until we find a way to solve this problem. I think this happens if you upgrade to Angular 8.1. if you install dependencies using yarn, it should work.

If you delete yarn.lock it may update to v8.1, so restore it from the repository.
0

PMS created 4 years ago

Hi, have done all the possibilities which you(@Maliming) define above to resolve the error and also downgrade to the V8.0.0.. But didn't get any success. Any update ?
0

maliming created 4 years ago
Support Team

Can you share a project that was downgraded to angular 8.0?

[email protected]
0

PMS created 4 years ago

@maliming I have mailed you please check ...
0

maliming created 4 years ago
Support Team

hi The project you sent me is still not downgraded to angular8.0. The original AspNet Zero uses v8.0. See https://github.com/aspnetzero/aspnet-zero-core/blob/dev/angular/yarn.lock#L177
0

jtallon created 4 years ago

Any update on this?
0

alper created 4 years ago
Support Team

Hi,

@maliming finds out that your project still uses Angular v8.1 Did you change that?
0

jtallon created 4 years ago

No, my project is using 8.0
0

jtallon created 4 years ago

No, my project is using 8.0

This is the error i am getting.
0

maliming created 4 years ago
Support Team

@jtallon Is it convenient to share your project code? [email protected]
0

maliming created 4 years ago
Support Team

@jtallon's problem has been solved.
0

alper created 4 years ago
Support Team

👍
0

PMS created 4 years ago

@maliming

I haven't downgraded the project .. I just downgrade the Angular CLI to the 8.0.0. And you can see in the package JSON file its v8.0.0 is there. The error is not related to the version its shows that property has no to value so given error. you should troubleshoot that. :)

Thanks
0

PMS created 4 years ago

@maliming

If you resolved the issue then can you please send me the code on my email
0

maliming created 4 years ago
Support Team

You need to downgrade the angular related package in yarn.lock to 8.0 instead of angular cli.
0

PMS created 4 years ago

@maliming problem has been solved Thanks !!
0

enio created 4 years ago

@maliming thank you for the hint with downgrading to ng 8.0.x. It is working now for me. But this can't be the solution for the long run.

Could you please post into this thread once there is a solution for higher angular versions?
0

maliming created 4 years ago
Support Team

@enio

You can follow this issue. https://github.com/aspnetzero/aspnet-zero-core/issues/2476
0

ravindrapatail created 4 years ago

Tried all above solutions but getting same error
0

maliming created 4 years ago
Support Team

hi @ravindrapatail

Can you check the version of the angular related package in your yarn.lock file?

Make sure they @^8.0.0

https://github.com/aspnetzero/aspnet-zero-core/blob/dev/angular/yarn.lock#L114
0

enio created 4 years ago

My understanding of the ^8.0.0 pattern is that npm/yarn will install the latest version with 8.x.x. Therefore in my scenario the problem suddenly occured when angular has published version 8.1. So my build automatically switched to 8.1. My solution was simple - I have just changed all angular related entries in package.json from ^8.0.0 to ~8.0.0. In my opinion this pattern represents 8.0.x - therefore the angular version was nailed down to 8.0 and not switching to the problematic 8.1 version.
0

joe704la created 4 years ago

I am having the same issue. I have confirmed both my yarn.lock shows using angular 8.0.0 same with the package.json versions. Any updates on this?
0

maliming created 4 years ago
Support Team

@joe704la Can you share your angular project code to [email protected]?
0

TomLeonard created 4 years ago

expiriencing the same issue after 7.1 upgrade (yarn + core + angular)
0

joe704la created 4 years ago

I followed enio suggestion of switching all angular packages from ^8.0.0 to ~8.0.0. This works as a temporary solution. But it for sure seems to be an issue with angular 8.1.
0

maliming created 4 years ago
Support Team

hi all

Please use angular less than or equal to v8.0.0. Please follow this Github issue: https://github.com/aspnetzero/aspnet-zero-core/issues/2476

Angular has fixed the above problem, but has not released a new version, let us wait

Have an answer to this question? Log in and write your answer.