Angular 2 web app in Azure returning system is not defined error

Question

I am new to Angular2 and just published a very basic app to Azure web app. I searched before posting this question and found couple of references

After following the steps in these articles, I accessed my WebApp and I see errors in browser console with 404 not found files.

System.import('main.js').catch(function(err){ console.error(err); });

I also checked the versions of npm(3.10.8) & nodejs(v6.9.1) in my webapp. Seems like its good.

Any help is appreciated ! Thanks.

Check your network trace in the console to see which urls were actually called as there may be difference in path hierarchy of the files that exists and that are being called. — Satish Prakash Garg
Please do not post images of errors/exceptions. It is more useful to include them in a code snippet. This is to avoid the situation that if your image link ever becomes a dead link, the context of the question will become meaningless. It will also help in users being able to immediately see the issues you are having without having to click out of SO. — Pineda

Born2Code Born2Code · Accepted Answer · 2017-03-23T17:09:14

After adding the engines version to package.json, the issue got fixed :)

"engines":{"node":6.9.1} (In my case, this is the version)