Angular driven Node site doesn't work on Cloud9, but DOES locally?

nodejs

#1

Hey guys, happy to share my code later, but maybe I’ll just first broadly ask:

Would there be any obvious reason that when I build my app (Node/Angular/Bootstrap), it works perfectly locally. When I move it to C9, the server-side works fine, but the client doesn’t process the Angular/Bootstrap properly? I.e. doesn’t load designs or modules. I call bootstrap and angular from a remote http as such:

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css">

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-route.js"></script>

Again, works locally, and even when I load the page on C9, the links above open the correct .js and .css files; they just don’t get processed by my site. Any ideas?


#2

Hey @Glog,

I found some goodies for you :candy: .

Starting with C9’s official docs:

and then findings from the wild :palm_tree: :cactus: :camel: :sun_with_face: :

Hope these help!

:books: :snail:


Unable to start Meteor
#3

This might happen because the resources are hosted on http://... but the preview pages run on https://...

Have a look at How to run web app with http (not https)?, maybe this helps.