# Ember-cli with liveload in cloud9

**URL:** <https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397>\
**Category:** Ember CLI\
**Created:** [January 8, 2016, 12:21am UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397 "2016-01-08T00:21:49Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![andrantis](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/andrantis/32/11378_2.png) [@andrantis](https://discuss.emberjs.com/u/andrantis)\
**Post date:** [January 8, 2016, 12:21am UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/1 "2016-01-08T00:21:49Z")

</div>

Has anyone got Ember-cli working in cloud9 with livereload?

I keep getting `GET https://ember-material-andrantis.c9users.io:49152/livereload.js?snipver=1 net::ERR_TUNNEL_CONNECTION_FAILED`

---

<div class="post-metadata">

**Author:** ![nickschot](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/nickschot/32/10116_2.png) [@nickschot](https://discuss.emberjs.com/u/nickschot)\
**Post date:** [January 8, 2016, 12:50pm UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/2 "2016-01-08T12:50:14Z")

</div>

You have to change the livereload port to 8081 (cloud9 only has opened ports 8080, 8081 and 8082 if I remember correctly).

Add: “live-reload-port”: 8081 to your .ember-cli file

EDIT: oh, and don’t forget to update your CSP to allow connections with cloud9.

i.e.: ‘connect-src’: “‘self’ wss://myapp-username.c9users.io:8081”, ‘script-src’: “‘self’ [https://myapp-username.c9users.io:8081](https://myapp-username.c9users.io:8081)”,

---

<div class="post-metadata">

**Author:** ![andrantis](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/andrantis/32/11378_2.png) [@andrantis](https://discuss.emberjs.com/u/andrantis)\
**Post date:** [January 8, 2016, 2:25pm UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/3 "2016-01-08T14:25:23Z")

</div>

Ahh… I forgot about updating the CSP, that actually did the trick. Thank you so much!

---

<div class="post-metadata">

**Author:** ![skaterdav85](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/skaterdav85/32/18291_2.png) [@skaterdav85](https://discuss.emberjs.com/u/skaterdav85)\
**Post date:** [January 8, 2016, 8:36pm UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/4 "2016-01-08T20:36:51Z")

</div>

were you able to do this with a free account?

---

<div class="post-metadata">

**Author:** ![andrantis](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/andrantis/32/11378_2.png) [@andrantis](https://discuss.emberjs.com/u/andrantis)\
**Post date:** [January 9, 2016, 5:30am UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/5 "2016-01-09T05:30:26Z")

</div>

Yes, with a free account.

---

<div class="post-metadata">

**Author:** ![skaterdav85](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/skaterdav85/32/18291_2.png) [@skaterdav85](https://discuss.emberjs.com/u/skaterdav85)\
**Post date:** [January 9, 2016, 6:43am UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/6 "2016-01-09T06:43:00Z")

</div>

What workspace did you choose? After you chose a workspace, did you just do the following?

```auto
npm install -g ember-cli
ember new demo-app

```

changed the settings above

```auto
cd demo-app
ember serve

```

---

<div class="post-metadata">

**Author:** ![andrantis](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/andrantis/32/11378_2.png) [@andrantis](https://discuss.emberjs.com/u/andrantis)\
**Post date:** [January 10, 2016, 3:10am UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/7 "2016-01-10T03:10:56Z")

</div>

I choose the html 5 workspace and the usual install as you said. I did also install Watchman. Everything seems to run nicely.

---

<div class="post-metadata">

**Author:** ![skaterdav85](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/skaterdav85/32/18291_2.png) [@skaterdav85](https://discuss.emberjs.com/u/skaterdav85)\
**Post date:** [January 10, 2016, 5:34am UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/8 "2016-01-10T05:34:13Z")

</div>

Is the folder that gets created from `ember new` sitting inside the root folder cloud 9 gives you when you create that workspace?

---

<div class="post-metadata">

**Author:** ![andrantis](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/andrantis/32/11378_2.png) [@andrantis](https://discuss.emberjs.com/u/andrantis)\
**Post date:** [January 10, 2016, 6:52am UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/9 "2016-01-10T06:52:11Z")

</div>

Yes. Are you having issues to get it to work?

---

<div class="post-metadata">

**Author:** ![skaterdav85](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/skaterdav85/32/18291_2.png) [@skaterdav85](https://discuss.emberjs.com/u/skaterdav85)\
**Post date:** [January 10, 2016, 7:04am UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/10 "2016-01-10T07:04:04Z")

</div>

heh ya. I did the above, cd’ed into the ember project that got created, ran ember serve, and that’s where I get stuck…

---

<div class="post-metadata">

**Author:** ![andrantis](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/andrantis/32/11378_2.png) [@andrantis](https://discuss.emberjs.com/u/andrantis)\
**Post date:** [January 10, 2016, 5:04pm UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/11 "2016-01-10T17:04:11Z")

</div>

And then you need to open a browser window with `https://APPNAME-YOURUSERNAME.c9users.io:8080/`

You might be getting errors with the contentSecurityPolicy. You can add that in `config/enviroment.js`. Mine looks like this now, is not the right way setting \* for everything but I was trying to make it work at some point and haven’t changed it back.

```
ENV.contentSecurityPolicy = {
    'script-src': "*",
    'font-src': "*",
    'connect-src': "'self' wss://APPNAME-YOURUSERNAME.c9users.io:8081/",
    'style-src': "'self' https://APPNAME-YOURUSERNAME.c9users.io:8081/",
    'object-src': "*",
    'img-src': "*"
  };

```

Also remember to add to your `.ember-cli` file the following: ` "live-reload-port": 8081`

---

<div class="post-metadata">

**Author:** ![skaterdav85](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/skaterdav85/32/18291_2.png) [@skaterdav85](https://discuss.emberjs.com/u/skaterdav85)\
**Post date:** [January 10, 2016, 7:03pm UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/12 "2016-01-10T19:03:57Z")

</div>

Thanks a lot @andrantis! Got it working 🙂

---

<div class="post-metadata">

**Author:** ![alexandros84](https://avatars.discourse-cdn.com/v4/letter/a/8c91f0/32.png) [@alexandros84](https://discuss.emberjs.com/u/alexandros84)\
**Post date:** [June 18, 2017, 9:04pm UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/13 "2017-06-18T21:04:55Z")

</div>

Hey is this conversation still relative? I did what I had to (install node, npm watchman and followed brady’s suggestion about git) and my demo app seems to be running (tomster is appearing). To be fair there was no .ember-cli folder to begin with under the vendor file, only ember-cli-build.js and a couple of files more.

Am I doing something grossly wrong or is this how things look now? (No need to change to port 8081 for live reload etc?)

@skaterdav85 I tried to follow your video but to no avail.

Will really appreciate feedback.

---

<div class="post-metadata">

**Author:** ![skaterdav85](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/skaterdav85/32/18291_2.png) [@skaterdav85](https://discuss.emberjs.com/u/skaterdav85)\
**Post date:** [June 19, 2017, 12:24am UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/14 "2017-06-19T00:24:03Z")

</div>

Unfortunately I haven’t tried Cloud 9 since that video, so things may have changed and my video could be out of day.

---

<div class="post-metadata">

**Author:** ![alexandros84](https://avatars.discourse-cdn.com/v4/letter/a/8c91f0/32.png) [@alexandros84](https://discuss.emberjs.com/u/alexandros84)\
**Post date:** [June 20, 2017, 7:01pm UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/15 "2017-06-20T19:01:28Z")

</div>

Cool. What are u using right now if u dont mind me asking? I felt a bit disappointed recently with cloud9 regarding their elastic search support… not really their fault as it is hogging resources but still I felt a bit disenchanted.

---

<div class="post-metadata">

**Author:** ![skaterdav85](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/skaterdav85/32/18291_2.png) [@skaterdav85](https://discuss.emberjs.com/u/skaterdav85)\
**Post date:** [June 20, 2017, 7:13pm UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/16 "2017-06-20T19:13:44Z")

</div>

I just develop locally using Atom, NVM, node 7. 🙂

---

<div class="post-metadata">

**Author:** ![isaacyu](https://avatars.discourse-cdn.com/v4/letter/i/c0e974/32.png) [@isaacyu](https://discuss.emberjs.com/u/isaacyu)\
**Post date:** [July 5, 2018, 12:30pm UTC](https://discuss.emberjs.com/t/ember-cli-with-liveload-in-cloud9/9397/17 "2018-07-05T12:30:38Z")

</div>

I found there are no “.ember-cli” file. After searching for some information, I found that the file is hidden. Here is the method to un-hidden it.

upper left Cloud9

> preferences option user settings, select tree & navigate

Hope this will help those has same problem.