Unable to access the Angular Live Development server

[qbolbk59]

I installed attack navigator using the provided guidelines. When i execute "ng serve" from the nav-app directory, i get the following output which says that the server is now listening on port 4200 but when i try to access it, i get TCP Reset from the server.

✔ Browser application bundle generation complete.
Initial Chunk Files   | Names         |  Raw Size
vendor.js             | vendor        |   9.25 MB |
scripts.js            | scripts       |   1.79 MB |
main.js               | main          |   1.50 MB |
polyfills.js          | polyfills     | 836.10 kB |
styles.css, styles.js | styles        | 323.73 kB |
runtime.js            | runtime       |   7.19 kB |

                      | Initial Total |  13.69 MB

Build at: 2024-07-15T12:44:57.976Z - Hash: 83ef674af5a286bb - Time: 10493ms

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/node_modules/mathjs/lib/esm/core/function/typed.js depends on 'typed-function'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/node_modules/mathjs/lib/esm/function/probability/util/seededRNG.js depends on 'seedrandom'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/node_modules/mathjs/lib/esm/function/relational/compareNatural.js depends on 'javascript-natural-sort'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/node_modules/mathjs/lib/esm/type/complex/Complex.js depends on 'complex.js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/node_modules/mathjs/lib/esm/utils/emitter.js depends on 'tiny-emitter'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/node_modules/mathjs/lib/esm/utils/latex.js depends on 'escape-latex'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/src/app/app.module.ts depends on 'rxjs/add/operator/map'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/src/app/classes/gradient.ts depends on 'tinygradient'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/src/app/services/data.service.ts depends on 'buffer'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/src/app/services/data.service.ts depends on 'rxjs/Rx'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /home/ubuntu/MITRE/attack-navigator/nav-app/src/app/services/data.service.ts depends on 'rxjs/observable/fromPromise'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

✔ Compiled successfully.
✔ Browser application bundle generation complete.

Initial Chunk Files | Names   | Raw Size
runtime.js          | runtime |  7.19 kB |

5 unchanged chunks

I do get some Warnings as mentioned above, but i am not sure if that could be related to the issue i am facing.

Appreciate if someone could help me with this. It is installed on a Ubuntu EC2 on AWS.

[clemiller]

Hi @qbolbk59,

Based on the output you've shared, it looks like the Angular development server is running successfully and listening on localhost:4200. The warnings you see are related to CommonJS dependencies and should not prevent the application from running. Since this is a client-side only application, it appears that the issue might be related to your specific network or environment setup on your AWS EC2 instance. I recommend checking your network settings and ensuring the configuration allows traffic on the necessary port. You might also want to try running the application locally and verify that it is working as expected in a different environment. I hope you are able to resolve the networking issues and get the application running smoothly!

[qbolbk59]

Hi @clemiller,

The SG in AWS were defined as it should and yet it was not accessible. I scrapped the old setup and tried to deploy using the docker container and it works fine now. Thanks !!