how should I declare localStorage variable to avoid a Reference Error

Question

I have discovered 'localStorage' with this post recently and I am using it to keep an user logged in even if he refresh the web page.

when I only had to save the name of the user, I had no errors, but then, I added a 'grd' variable to save and I got this error:

[Vue warn]: Error in created hook: "ReferenceError: grd is not defined"

This is how I fetch the data when the page loads :

var name = localStorage.getItem(name);
var grade = localStorage.getItem(grd);
if (name !== null){
  this.user = name;
}
if (grade !== null){
  this.userGrade = grade;
}

and this is how I save the data :

localStorage.setItem(name, '');
localStorage.setItem(grd, '');

What should I change/add to clear the Reference error?

I am using vue.js in this project

If grd is a key, then try adding quotes around that line localStorage.getItem('grd'); — Dylan
– Dylan, Commented Sep 6, 2018 at 15:15
The getItem function need an string. Try this: localStorage.getItem('grd') — Martin Godzina
– Martin Godzina, Commented Sep 6, 2018 at 15:16
@Dylan thanks, I added quotes on all 'name' and 'grd' and it works, If you can put a quick answer, that would be great — fire frost
– fire frost, Commented Sep 6, 2018 at 15:19

Dylan · Accepted Answer · 2018-09-06 15:21:17Z

1

You can resolve the reference error by adding quotes to the variables grd and name like so:

var name = localStorage.getItem('name');
var grade = localStorage.getItem('grd');

The referenceces are key values and must be passed as a string.

answered Sep 6, 2018 at 15:21

Dylan

1,68913 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

how should I declare localStorage variable to avoid a Reference Error

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related