Ember CLI Live Reload Not Working

Question

I've seen other similar questions here and here but neither of those worked for me.

I'm on a mac and simply installed ember cli using npm and I thought it would work out of the box. Here is the server output:

version: 0.1.4
Could not find watchman, falling back to NodeWatcher for file system events
Livereload server on port 35729
Serving on http://0.0.0.0:4200/

Build successful - 2456ms.

Slowest Trees                  | Total          
-------------------------------+----------------
EsnextFilter                   | 877ms          
TreeMerger                     | 380ms          
Concat                         | 375ms          
JSHint - Tests                 | 178ms          
EsnextFilter                   | 146ms          
ES6Concatenator                | 135ms      

Answer 1

I wasn't the only one with this issue and my friend found a solution that works.

Add the following lines to your .ember-cli in the root of your project:

"liveReload": true,
"watcher": "polling"

Once you restart the server, it should watch for changes to your directory.

Answer 2

If you are on Mac then install watchman using brew install watchman instead of npm install watchman.

And if you are using Sublime Text then add below code to your sublime user settings json

Prefences -> Settings - User

{
"folder_exclude_patterns":
    [
        ".svn",
        ".git",
        ".hg",
        "CVS",
        "tmp/class-*",
        "tmp/es_*",
        "tmp/jshinter*",
        "tmp/replace_*",
        "tmp/static_compiler*",
        "tmp/template_compiler*",
        "tmp/tree_merger*",
        "tmp/coffee_script*",
        "tmp/concat-tmp*",
        "tmp/export_tree*",
        "tmp/sass_compiler*",
        "tmp/javascript",
        "tmp/result",
        "tmp/transpiled"
    ]
}

Exit Sublime once and open again. Right now Sublime has a bug which causes conflict with watchman, so above trick might work. Good luck.