CODEWITHSUNDEEP
ember.jsjshint
blueFast
blueFast

Reputation: 44491

jshint complains: 'Ember' is not defined

I have a standard Ember main.js file, which starts like this:

this.App = Ember.Application.create({
    LOG_TRANSITIONS: true,
    VERSION: '1.0.0',
    ready: function () {
        console.log('App version: ' + App.VERSION + ' is ready.');
    }
});

Running this through jshint complains about Ember not being defined, which is true for this particular file in the server, during the deployment phase. Because of this, lots of error messages are shown.

Ember is made available in the browser by the script tag in index.html:

<script src="scripts/vendor/ember-1.0.0-rc.2.js"></script>

How can I tell jshint about Ember?

Upvotes: 16

Views: 8495

Answers (2)

Andy Hayden
Andy Hayden

Reputation: 375855

If you're using the new ES6, for example from ember-cli, you must import Ember:

import Ember from 'ember';

I was following Evil Trout's Ember Reddit tutorial and saw the following error in the tests:

my-new-app/routes/subreddit.js should pass jshint.
my-new-app/routes/subreddit.js: line 3, col 16, 'Ember' is not defined.

adding the above line to the top of my-new-app/routes/subreddit.js passed the tests.

Upvotes: 16

mavilein
mavilein

Reputation: 11668

The following should do it:

/*global Ember */
this.App = Ember.Application.create({
    LOG_TRANSITIONS: true,
    VERSION: '1.0.0',
    ready: function () {
        console.log('App version: ' + App.VERSION + ' is ready.');
    }
});

Found in JS Hint Docs

Upvotes: 19

Related Questions