web-code | A text editor for the web based around monaco | Editor library

Solution ended up being to add ts-loader to the webpack config of my React for web app. This was made slightly harder by the fact that create-react-app doesn't allow modifying its config files, but I was able to do so using react app rewired

I also had to change TypeScript's noEmit to false to ensure tsc is used for compilation as well as type checking (had to do this in react-app-rewired too, because CRA overwrites that setting in tsconfig.json if you try to change it).

Still slightly confusing to me why this was needed, given TypeScript was being parsed perfectly fine in the web and mobile apps individually.

1. Ensure that the port 8080 is open and listening inside the VM instance by running telnet, nmap, or netstat commands.

   $ telnet localhost 8080

   $ nmap

   $ netstat -plant

If it is not listening, then this means that the application was not installed correctly.

1. Look at the Firewall Rule in the GCP to make sure that the VM instance allows ingress traffic to the port 8080.

2. Since you are running Ubuntu, make sure that the default Ubuntu firewall did not block the port 8080. If so, you have to allow access to the port 8080 by running the following command:

   $ sudo ufw allow 8080/tcp