Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

AngularJs ReferenceError: require is not defined

I know there is other questions about this problem, but I've ready more than 10 answers and tried every single one and none of them worked for me.

I'm getting this error: Uncaught ReferenceError: require is not defined when i try to load an external plain javascript file to encode in JWT.

This is the file I'm trying to include with require(): https://github.com/hokaccha/node-jwt-simple I've download with npm.

In my code I tried lots of things.

  • Include in the main.js with grunt concact;
  • Load manually inside the <head> with the <script src="path/to/folder"></script>;
  • Install RequireJs with npm for nodeJs;

With all of those attempts, I got the same errors. What am I doing wrong?

This is the code I'm using right now:

index.html

<head>
<script type="text/javascript" src="dist/js/angular.min.js"></script>
<script type="text/javascript" src="dist/js/ui-router.min.js"></script>
<script type="text/javascript" src="dist/js/jwt.js"></script>
[... rest of head ...]

appCtrl.js (will concat later on the build with the rest of the app)

.controller('MainCtrl', 
    ['$rootScope', '$scope', '$state', 
    function($rootScope, $scope, $state) {
        var jwt = require('jwt');
        var payload = { foo: 'bar' };
        var secret = 'xxx';
        var token = jwt.encode(payload, secret);
        console.log(token);
}])

My main objective with this is to handle the user authentication based on a JWT token. The problem right now is to encode/decode the token when the user is login in into the app.

Even with all of these, I still get the error. Do you guys know how to fix this?

like image 913
celsomtrindade Avatar asked Oct 25 '25 23:10

celsomtrindade


1 Answers

If you want to use require on the client, you need to use something like Browserify or webpack (I definitely recommend the latter).

You're getting that error because, in fact, you have never defined require anywhere on your client-side code. That JWT repo does not provide that functionality for you.

Also, looking at the docs for the JWT repo you provided, it appears that it expects you to use it in a node.js environment (which provides the commonjs require for you).

like image 97
Josh Beam Avatar answered Oct 28 '25 11:10

Josh Beam