Quick Ember tutorial

ember1 · October 30, 2016, 6:25am

I am just starting with Ember and tried the quickstart tutorial. I just can’t get it to work when I deploy the dist folder to my website. I have tried it twice now and it just won’t work. As far as I can tell, the Application.hbs file never has anything in it but

People Tracker

. and {{outlet}} below that.

If I use the builtin webserver and view the scientist page I see what I should. If I upload the dist folder to my website and try to view index.html I see a blank page.

I don’t mean to be rude but I have had no luck with stackoverflow. The administrators there are arrogant and rude. If no results here I will just have to try another framework. Thanks, Paul

broerse · October 30, 2016, 10:33am

There are multiple things that could go wrong. If you upload your dist folder after running ember build production to a subfolder you should specify it here.

github.com

broerse/ember-cli-blog/blob/master/config/environment.js#L47


      
          
          
  // keep test console output quieter
            ENV.APP.LOG_ACTIVE_GENERATION = false;
            ENV.APP.LOG_VIEW_LOOKUPS = false;
          
          
  ENV.APP.rootElement = '#ember-testing';
            ENV.APP.autoboot = false;
          }
          
          
//ENV.remote_couch = 'https://my.couchcluster.com/bloggr'; // 'http://localhost:5984/bloggr';
          ENV.remote_couch = 'https://datasource.couch:6984/bloggr';
          ENV.local_couch = 'bloggr';
          ENV.authAdapter = 'application';
          if (environment === 'production') {
            ENV.rootURL = '/';
            ENV.remote_couch = 'https://my.couchcluster.com/bloggr';
          }
          if (ENV.remote_couch) {
            // @TODO document why `contentSecurityPolicy` is needed, as it does not appear used anywhere else
            var remote_couch_hostname = ENV.remote_couch.substring(
              0,

If you upload to an Apache server add this .htaccess file. ember-cli-blog/.htaccess at 6c22ff21e69c383ec3b5f55300e2cfa58d6d8de3 · broerse/ember-cli-blog · GitHub

If this does not work you can go to you dist folder and see if it works by running http-server (after `npm install -g http-server)

acorncom · October 30, 2016, 1:38pm

This may happen if there are errors as Ember is loading up, is there anything in your browser’s console about errors?

ember1 · October 30, 2016, 10:02pm

Thanks, broerse, I will try to find and modify the environment.js file Acorncom, There were no errors in the broswer, just a blank page. I did notice when trying to use Ember Developer on the page I got That it was not a Ember page. I think the next thing I will try is just to deploy the default app that you get with a default app you know, before you modify anything. Paul

acorncom · October 31, 2016, 8:31pm

Another thing worth trying would be to ask on the Ember Slack help channel. This is the type of thing it’s easier to debug in realtime …

sheriffderek · October 31, 2016, 10:06pm

If you can provide any details, we may be able to suggest something. Are you actually putting the /dist folder on a server or just the contents - and is it in a subfolder? What hosting are you using? Depending on the host you could be experiencing one or many things because of .htaccess or something that is not Ember specific.

Topic		Replies	Views
Getting Started, dist, 404 Learning Team	4	1455	April 6, 2017
Building For Production Learning Team	9	2365	September 27, 2016
Distribute ember app's dist as downloadable Learning Team	1	941	November 27, 2016
Can an ember app run on shared hosting?	12	5442	July 28, 2016
Serving ember app on a subdirectory Ember CLI	10	2832	June 1, 2018

Quick Ember tutorial

People Tracker

Related topics