Trouble with packages

1

20230406_175940
20230406_1759401543×1779 257 KB

My react app is showing two package.json and package-lock.json.

Intially it only has one package.json when i creat react app using npx create-react-app, but it adds another package whenever i install any dependencies.

Above-mentioned is the image of the file

Why is it showing two packages and what are the effects on the app

3

Building package-lock.json is part of building the application. You update package.json either manually or via npm commands to tell node what packages and versions to include, package-lock.json is an artifact of it actually doing that.

1 Like
4

The indentation of the files is hard to tell in the image but I’m pretty sure they are not in the same folder.

You have node_modules, package.json, package-lock.json in the api-1 folder and also in the folder above it (so inside the ../api-1 folder, so in the API APP1 folder).

Edit: Just to explain. When you run npm in a folder that folder is the “root” for the command. So you can run it in different folders

/root1
 node_modules, package.json, package-lock.json
  /root2
    node_modules, package.json, package-lock.json
1 Like
5

How can i use npm command?

6

The package in the API API1 folders shows up whenever i install any dependencies, and the dependencies do not work

7

Make sure the terminal is opened inside the correct folder when running npm. The terminal will show the folder/path you are on.

If you run an npm command that creates files/folders inside the API APP1 folder the terminal is opened inside that folder.

In the terminal, you can cd into the child folder using cd api-1 and back up again using cd ..

1 Like
8

Okay. I’ll give a try. Thank you

9

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.