Error in generating a new component using angular cli in asp.net core spas

Question

I'm trying to add a new component in Asp.Net Core 2.0 SPAs using angular-cli. I added dev dependencies in the project's root folder using

npm install --save-dev @angular/cli@latest

angular-cli version

Angular CLI: 1.7.1; Node: 8.9.4; OS: win32 x64

But when i write ng g c ComponentName this error occurs

C:\Users\USERNAME\source\repos\MyApp\MyApp\node_modules\@angular\cli\upgrade\version.js:12 const { bold, red, yellow } = chalk_1.default; ^

TypeError: Cannot destructure property bold of 'undefined' or 'null'. at Object. (C:\Users\USERNAME\source\repos\MyApp\MyApp\node_modules\@angular\cli\upgrade\version.js:12:39) at Module._compile (module.js:643:30) at Object.Module._extensions..js (module.js:654:10) at Module.load (module.js:556:32) at tryModuleLoad (module.js:499:12) at Function.Module._load (module.js:491:3) at Module.require (module.js:587:17) at require (internal/module.js:11:18) at Object. (C:\Users\USERNAME\source\repos\MyApp\MyApp\node_modules\@angular\cli\commands\build.js:4:19) at Module._compile (module.js:643:30)

I saw this solution but none of them worked for me. How to resolve this issue?

Thanks

Have you tried deleting package-lock.json or yarn.lock and the node_modules and reinstalling them? — Arjun Panicker
– Arjun Panicker, Commented Feb 23, 2018 at 10:24
Just delete lock.json files and node_modules as suggested by @ArjunPanicker and re-install node_modules. — planet_hunter
– planet_hunter, Commented Feb 23, 2018 at 10:36
Go to ur project's root folder and delete the files named - package-lock.json, yarn.lock(if exists) and delete the folder called node_modules. Then do npm install again in the root folder of the project. — Arjun Panicker
– Arjun Panicker, Commented Feb 23, 2018 at 11:20

yash_DedSec · Accepted Answer · 2018-02-23 10:50:19Z

1

Do this.

npm uninstall @angular/cli
npm install @angular/[email protected]

Then try again generating your component

Another Solution

As i can see that your animation module is on Angular 4

If above method does not work change the version of the angular/cli to 1.4.10

npm uninstall @angular/cli
npm install @angular/[email protected]

Hope it helps!

answered Feb 23, 2018 at 10:50

yash_DedSec

2512 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Error in generating a new component using angular cli in asp.net core spas

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related