npm can install packages in the parent folder

Learn how to fix an issue that can happen with installing npm packages

⭐️ 👀 2023 WEB DEVELOPMENT BOOTCAMP starting in days! Join the waiting list to reserve your spot in my 10-weeks cohort course and learn the fundamentals, HTML, CSS, JS, Tailwind, React, Next.js and much much more! 👀 ⭐️

I’ve had some students of my bootcamp run into this problem I never noticed.

It’s due to the behavior of npm when installing a package in an empty folder.

I was suggesting to use npm install <packagename, for example in this way:

npm install my-prime

in an empty folder.

By default this creates a package.json with the package as a dependency, a package-lock.json and installs the package in node_modules.

But some people were not seeing this happen. Nothing seemed to happen.

What happened however is that they had a package.json file and a node_modules folder up in the directory tree.

Maybe not even in the parent folder, but higher in the hierarchy.

Maybe they ran npm install <package> in their home folder without realizing, probably for a test.

npm will walk up the folder tree checking for a folder that contains either a package.json file, or a node_modules folder. If such a thing is found, then that is treated as the effective “current directory” for the purpose of running npm commands.

Source

To fix this problem, the best solution is to remove the parent package.json and node_modules.

It’s probably there by mistake.

Otherwise you could also run npm init -y in the folder to create a blank package.json file, then re-run the npm install <package> command, which will now work as expected.

One more thing! ⚠️ ✋

At the end of January I will organize the Web Development Bootcamp.

It's a 10-weeks long cohort online course where I will guide you to becoming a Web Developer.

It's not "just a course". It's a big event I organize once a year.

We'll start from zero, learn the fundamentals of Web Development, HTML CSS, JavaScript, Tailwind, Git, using the command line, VS Code, GitHub, Node.js, we'll then learn React, JSX, how to use PostgreSQL, Astro, Next.js, Prisma, deploying on Netlify/DigitalOcean/Fly/Vercel and much more! 

At the end of the first 10 weeks you'll know how to create web sites and web applications and I'll unlock you the 2nd phase of the Bootcamp: you will get access to a large number of projects exclusive to the Bootcamp graduates, so you can follow my instructions to build things like private areas with authentication, clones of popular sites like Twitter YouTube Reddit, create e-commerce sites, and much much more.

Because once you got the fundamentals, you only learn by working on real, exciting projects.

To find out more, visit bootcamp.dev