Node modules not appearing after Yarn installation

[supaari89]

Hi all,

I have installed Yarn 1.22.15 and noticed it was different from what was shown in the video https://youtu.be/gyMwXuJrbJQ?t=24537 that I don't have node modules folder. I updated Yarn version 3.2.1 yet still no node module

Does it matter in the long run? If it does, how do I get node modules?

[krakxn]

Quoting from StackOverflow, and yes this follows NPM so bear with me here.

NPM has created a node_modules directory at some other path.

From your question it looks like you wanted node_modules to be created in the current directory.

For that,

Create project directory: mkdir project-name
Switch to: cd project-name
Do: npm init This will create package.json file at current path
Open package.json & fill it something like below

{
    "name": "project-name",
    "version": "project-version",
    "dependencies": {
        "hardhat": "*"
    }
}

Now do: npm install hadhat

Now it will create node_modules directory under folder 'project-name' you created.

[supaari89]

Thanks for the suggestion.

Not sure why node_modules has to be created within a different directory rather than the current one. For example, I was expecting node_modules to be created within Ether-simple-storage folder but with the suggestion above, I have to create another folder "Projectsimplestorage" and then create package.json file. Does it matter or do I now need to do everything from the new folder created?

[krakxn]

It was because you probably mixed up the directory or it was not provided at all so npm/yarn picked a default one. Anyways - following what I mentioned should fix it.

[bobanm]

Of course it matters. The program won't run if there are no dependencies installed 🙂

What response do you get when you try to install dependencies by running yarn command?

[supaari89]

Not sure what you mean by dependencies, I am guessing yarn add solc@0.8.7-fixed

yarn add solc@0.8.7-fixed
➤ YN0000: ┌ Resolution step
➤ YN0000: └ Completed in 2s 413ms
➤ YN0000: ┌ Fetch step
➤ YN0013: │ rimraf@npm:2.7.1 can't be found in the cache and will be fetched from the remote registry
➤ YN0013: │ solc@npm:0.8.7-fixed can't be found in the cache and will be fetched from the remote registry
➤ YN0013: │ wrappy@npm:1.0.2 can't be found in the cache and will be fetched from the remote registry
➤ YN0019: │ commander-npm-8.3.0-c0d18c66d5-0f82321821.zip appears to be unused - removing
➤ YN0019: │ solc-npm-0.8.15-92c3f7b3a3-a11de198bc.zip appears to be unused - removing
➤ YN0000: └ Completed in 11s 546ms
➤ YN0000: ┌ Link step
➤ YN0000: └ Completed
➤ YN0000: Done in 14s 109ms
supaari@DESKTOP-B9IQ5PI:/mnt/c/Users/0veni/OneDrive/Documents/Interest/Self development/Code/ether-simple-storage$ yarn solcjs --version
0.8.7+commit.e28d00a7.Emscripten.clang

[bobanm]

Dependencies is what is listed in your package.json in dependencies and devDependencies sections.

For web3 projects, you would usually have at least Ethers.js and Hardhat as dependencies, to make your life easier. If you're using a development enviroment like Hardhat, you usually don't need to add Solidity compiler solc as a direct dependency. Hardhat will handle installation of correct version of compiler for you.

When you install the first dependency for your project, that's when your package manager [npm / pnpm / yarn] will create node_modules folder in your project folder.

Which dependencies do you have listed in your package.json?

[supaari89]

Ok. Here they are:

{
  "devDependencies": {
    "prettier": "^2.7.1",
    "prettier-plugin-solidity": "^1.0.0-dev.23"
  },
  "packageManager": "yarn@3.2.1",
  "dependencies": {
    "solc": "0.8.7-fixed"
  }
}

[bobanm]

And when you run npm install, or pnpm install or yarn from the project folder, it does not create node_modules folder with those 3 dependencies inside?

[alymurtazamemon]

@supaari89 When you clone a project from GitHub, mostly these do not contain node_modules folder because the pub it inside .gitignore file and you will do it also later on. So whenever you install from GitHub or node_module folder is missing in your project just do yarn install. It will install all the dependencies and dev-dependencies and also node_modules folder.

[alymurtazamemon]

@supaari89 And if you are using npm then npm install

[supaari89]

Update: having node_modules in another folder was bothering me so I reinstalled corepack enable which brought back the yarn version to 1.22.15 from 3.2.1 and the node_modules is showing up. However I noticed the video shows 1.22.17. Not sure if this makes a huge difference.

[alymurtazamemon]

@supaari89 No No you can continue.