Ways to leverage ember.js in a serverless environment

Question

Ways to leverage ember.js in a serverless environment

After checking out the example of ember.js on this website (http://todomvc.com/), I decided to clone the project onto my computer. Upon double-clicking the index.html file, the project ran smoothly, just as I had anticipated.

However, following the instructions in ember's documentation, I was directed to install ember-cli, create a new project, and then build it using the commands below:

ember new myapp
ember build

Although I found all my files in the /dist directory, attempting to open the index.html file by double-clicking resulted in failure.

According to this article, "You have to serve your directory with an http server."

I'm puzzled as to why I require a server to run this project instead of simply opening it in my web browser. Any insights?

javascript ember.js

Answer 1

Answer №1

The example you provided is utilizing the old global Ember framework, which is quite different from ember-cli that you are currently using. The <base> tag in the index.html file sets the base URL for all relative URLs within the document, necessitating an http server. When your app attempts to serve up assets/app.js or assets/vendor.js, it searches relative to this base URL defined in config/environment.js, typically defaulting to /. Therefore, a server is required to handle resource requests for these assets with respect to the index.html file and its associated assets folder.

Answer 2

The example you provided is utilizing the old global Ember framework, which is quite different from ember-cli that you are currently using. The <base> tag in the index.html file sets the base URL for all relative URLs within the document, necessitating an http server. When your app attempts to serve up assets/app.js or assets/vendor.js, it searches relative to this base URL defined in config/environment.js, typically defaulting to /. Therefore, a server is required to handle resource requests for these assets with respect to the index.html file and its associated assets folder.

Ways to leverage ember.js in a serverless environment

Answer №1

Similar questions

Encountering an issue with Apollo Express GraphQL: Error message stating that the schema must have distinct type names, yet it contains more than one type named "DateTime"

Variable in Javascript file causing return value to be 'undefined'

Execute AJAX request for two individual buttons

Guide to showcasing an image on an HTML page using HTTP header

Cross-Origin Resource Sharing (CORS) verification for WebSocket connections

Causes of the error message 'TypeError: res.render is not a function'

Preloading images before loading a div using JavaScript

the pause in execution before my function redirects to a different route

Is it necessary to validate, sanitize, or escape data before utilizing the build method in sequelize.js?

DataTables.js, the powerful JavaScript library for creating interactive tables, and its compatible counterpart

Creating a list that renders responsively using ReactJS

The term "Cardlist" has not been defined and is therefore causing an

Using Typescript and webpack to detect variables that are defined in the browser but not in Node environment

Is there a way to identify the source of a div's scrolling behavior?

I desire to share the JSON information and receive the corresponding response data

Keystroke to activate Ant Design Select and start searching

What is the best way to link optional and undefined paths in AngularJS routing?

Calculate the combined sum of values within dynamic inputs that share a common class, and automatically update the sum whenever input values are altered or new rows are added or removed dynamically

Navigating through a diagonal path

Is there a way to verify if a user has selected the correct answer in a quiz program?