ReferenceError: $ is not defined in Angular JS

Question

Hi i am getting 'ReferenceError: $ is not defined' in my code. This is my sample code

$rootScope.$on('$stateChangeStart', function (event, next, current) {
        // redirect to login page if not logged in and trying to access a restricted page
        var restrictedPage = $.inArray($state.current.name, ['login']) === -1;
        var loggedIn = $rootScope.globals.currentUser;
        if (restrictedPage && !loggedIn) {
            $state.go('login');
        }
    });

This code am writing inside run();

That means jquery not defined,check whether u called the jquery library properly!! — Lokesh_Ram
– Lokesh_Ram, Commented Aug 1, 2016 at 10:57
When i pass the jquery reference through CDN its working, but when did same by bundle.js using require('jquery/dist/jquery.js'); its not working. @Lokesh_Ram — Kishan
– Kishan, Commented Aug 1, 2016 at 11:52

Durgpal Singh · Accepted Answer · 2016-08-01 11:00:22Z

5

Add jquery file in your project. $ means jQuery.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>

answered Aug 1, 2016 at 11:00

Durgpal Singh

12k4 gold badges40 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nick Grealy · Accepted Answer · 2017-09-01 04:07:58Z

2

If you're using a NodeJS project, you can install jquery, then import the jquery library. e.g.

Console: (run from project root) npm install jquery

Javascript: (insert in header of your .js file) var $ = require('jquery');

answered Sep 1, 2017 at 4:07

Nick Grealy

26.2k9 gold badges112 silver badges127 bronze badges

Collectives™ on Stack Overflow

ReferenceError: $ is not defined in Angular JS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related