Application is not opening up: getting error-localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)

[Swati Dubey]

 i was trying to run my application by using command "ng serve --open" on the command line . 

And getting error localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found) on 

Also I was working on the other project 2"confusion" which was running on the port 4200. I closed the command line running the project "confusion" and run the ng serve --open command to run my current project namely preschool.

The path of project preschool is:

F:\full sttack web and multiplatform mobile app development\front-end-javascript-frameworks-Angular\week-4\project\preschool

I am a newbie to angular

Why I am getting this error and how to fix it?

If needed more code from my project , please ask me .

Attachment: errorcode_3693fd6a.zip

[Christopher Issac Sunder K]

Hi Swati, 

Greetings from Syncfusion support. 

We have looked into your query. Based on the provided details, it seems that during the compilation of the project the angular flex-layout package has compile issue. While analyzing about this issue, we figured out this is an known issue with this package. Please find the details in the following link. 

https://github.com/angular/flex-layout/issues/851  

Anyhow, we have resolved the compile issue in the package by upgrading the ng packages to the latest version. You can follow the below threads which we have used to resolve the issue in the application. 

https://stackoverflow.com/questions/54183309/cannot-find-name-mediaquerylisteventmap-when-i-compile-my-angular-project  

https://stackoverflow.com/questions/52766159/problem-in-flex-layout-comes-when-ran-ng-serve  

You can find the sample which we prepared from the following link. 

http://www.syncfusion.com/downloads/support/forum/142774/ze/error-code-1389218555  

Please let us know if you need assistance related to Syncfusion products. 

Thanks, 

Christo

[CodeStore Technologies]

Hi,

The error you're encountering, "Failed to load resource: the server responded with a status of 404 (Not Found)", typically indicates that the server is unable to find the requested resource. This could happen due to various reasons, but given your context, it seems likely that there might be a conflict with the ports being used by your Angular projects.

When you run ng serve --open, Angular CLI starts a development server on port 4200 by default. However, if you already have another Angular project running on the same port, as you mentioned with your "confusion" project, you'll encounter conflicts.

There are some solutions which you can try:

• Stop any existing Angular development servers
• Check for processes running on port 4200
• Change the port for your current project
• Check for any errors in your Angular project setup

If you need a expert angular developer who can help then click here

[Muthukrishnan Kandasamy]

Hi Codestore,

We appreciate your recent recommendation on how to address the problems were encountered. Should you require additional support with Syncfusion components, do not hesitate to contact us.

Regards,

Muthukrishnan K