DEV Community

Module not found: Can't resolve 'uuid/v4'

lolleri200 on June 09, 2020

I am a beginner in React programming and I was following this tutorial in Youtube: https://youtu.be/hQAHSlTtcmY and everything went well until it w...

Read full post

Mattia Asti • Jun 9 '20

That video is old and the module is now exposed differently.

import { v4 as uuidv4 } from 'uuid';

npmjs.com/package/uuid#create-vers...

lolleri200 • Jun 10 '20

I dont know what happen but now when I run Npm start I just get this error in the Terminal:

reactnative@0.1.0 start C:\Users\sami\reactnative
react-scripts start

'react-scripts' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! reactnative@0.1.0 start: react-scripts start
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the reactnative@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Mattia Asti • Jun 10 '20

Not sure, usually what I would do is rm -rf node_modules then npm i and then npm start

lolleri200 • Jun 10 '20

OMG thanks, that fixed it! Now that I can actually run the build I can begin fixing this few errors :)

lolleri200 • Jun 10 '20

Can u help with these errors? I don't really understand what the issue even is here...

TypeError: localStorage.SetItem is not a function
C:/Users/sami/Git/Todo/src/App.js:16
13 | }, [])
14 |
15 | useEffect(() => {

16 | localStorage.SetItem(LOCAL_STORAGE_KEY, JSON.stringify(todos))
| ^ 17 | }, [todos])
18 |
19 | function toggleTodo(id) {

localhost:3000/static/js/main.chun...
27 | if (storedTodos) setTodos(storedTodos);
28 | }, []);
29 | Object(react_WEBPACK_IMPORTED_MODULE_0_["useEffect"])(() => {

30 | localStorage.SetItem(LOCAL_STORAGE_KEY, JSON.stringify(todos));
| ^ 31 | }, [todos]);
32 |
33 | function toggleTodo(id) {

Mattia Asti • Jun 10 '20 • Edited

You should put code inside

code

Otherwise it's hard to read.
My guess is that localStorage is not defined.
Try with window.localStorage as it exist only in the browser on the global window object

Seanmclem • Jun 9 '20

What's your file look like? Did you npm install uuid?

lolleri200 • Jun 9 '20

Yes I did that