Angular CLI项目编译失败

Question

I've searched all the web but find not relevant solution. I've uninstalled both @angular/cli and node.js, cleared cache and reinstalled the latest version for the two both as an admin and non-admin yet no result. Below is the error message:

ERROR in./node_modules/core-js/modules/es6.regexp.exec.js 1:2 Module parse failed: Unexpected character '�' (1:2)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)
i ｢wdm｣: Failed to compile.

Sometimes it brings this after working on a particular project thereby causing me not to continue it. I create another one and it might even not compile at all. I've created several projects now and all I get is this error during compilation.

I also noticed that it's only when I create a new Angular project while connected to the internet will it create else it will not and even stayed longer than expected during the creation.

Answer 1

I had the same issue this morning and I was able to solve it. Follow these steps:

1. Uninstall Node by using an app cleaner eg IObit Uninstaller Pro (The pro version will delete all folders associated with node eg npm, npm-cache. Also scan for those folders in case there are still some few leftovers.)

2. Restart your pc.

3. Go over to Nodejs.org and download Node 14.16, not the latest version. The latest is Node 14.17.

4. Install Node which you downloaded.

5. Launch CMD.

6. Run npm i.

7. After that, run npm i -g @angular/cli. This will install angular/cli 12.0.1 which is compatible with your version of Node.

8. Create a new angular project by running the command: ng new new-project

9. After successful install, change directory to your new created directory and run the command: ng serve --o

All those "failed to compile" errors wiil never happen again and your browser would display your web project.

The latest version of node is very buggy and I have actually relayed the matter to the nodejs developers community, commended them for the good job they do BUT asked them to get their acts together. I have lost so many projects due bugs which brought many issues similar to this.

Answer 2

在您的项目目录中尝试运行ng update --all --force

Answer 3

删除node_modules文件夹，然后重试npm install

Answer 4

first remove node module and Uninstall the node

reinstall the application angular.io with globally than

npm install -g @angular/cli

Answer 5

so simple: just update core-js from this simple command:

npm i core-js

no need to remove modules or reinstall or any of that

Answer 6

had the same issue

Reinstall Node.js

give Node folder access in Ransomware protection