Unable to install dependencies in Cobiwave Gatsby Simplefolio

Explanation of the problem

npm ERR! code 1
npm ERR! path C:\Users\anton\Documents\Projects\personal-website-3\personal-website-3\gatsby-simplefolio\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\Program Files\nodejs\node.exe C:\Users\anton\Documents\Projects\personal-website-3\personal-website-3\gatsby-simplefolio\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm ERR! gyp verb cli   'C:\\Users\\anton\\Documents\\Projects\\personal-website-3\\personal-website-3\\gatsby-simplefolio\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@16.13.1 | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb `which` failed Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\anton\Documents\Projects\personal-website-3\personal-website-3\gatsby-simplefolio\node_modules\node-gyp\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\anton\Documents\Projects\personal-website-3\personal-website-3\gatsby-simplefolio\node_modules\node-gyp\node

Troubleshooting with the Lightrun Developer Observability Platform

Getting a sense of what’s actually happening inside a live application is a frustrating experience, one that relies mostly on querying and observing whatever logs were written during development.
Lightrun is a Developer Observability Platform, allowing developers to add telemetry to live applications in real-time, on-demand, and right from the IDE.

• Instantly add logs to, set metrics in, and take snapshots of live applications
• Insights delivered straight to your IDE or CLI
• Works where you do: dev, QA, staging, CI/CD, and production

Start for free today

Problem solution for Unable to install dependencies in Cobiwave Gatsby Simplefolio

nvm install <version>

where <version> is the version of Node that is compatible with node-sass (e.g. 13.14.0). Once the correct version of Node is installed, you can use the following command to switch to it:

nvm use <version>

After that, you can run your project again, and it should work properly. Windows users may need to install the nvm for Windows version and run the terminal as an administrator to switch Node versions.

Another solution is to downgrade Node version to 14.x which is currently supported by node-sass. This can be done by following the instructions provided by Node.js and downloading the version that is compatible with node-sass then you can install it on your system.

node -v

This command will show the version of Node.js that is currently installed on your system.

node <version number>

This command will change the version of Node.js to the one you want, and you can use the node-sass library without any problem.

Other popular problems with Gatsby Simplefolio

npm install gatsby-image@latest

Or

yarn add gatsby-image@latest

Once the package has been updated, you should be able to build and run the project without encountering the error message.

Problem: “Error: Node Sass does not yet support your current environment”  when trying to build or run the project

This error occurs when the version of Node Sass is not compatible with the version of Node.js that is being used.

Solution:

The solution to this problem is to update the version of Node Sass to match the version of Node.js. To do this, you will need to open the package.json file in the project root directory and update the version of node-sass to the latest version. You can use the following command to update the package:

npm install node-sass@latest

Or

yarn add node-sass@latest

Once the package has been updated, you should be able to build and run the project without encountering the error message.

Problem: “Error: Can’t resolve ‘./src/templates/blog-post’ in ‘project path'” when trying to build or run the project

This error occurs when the project is missing the required files and folders to properly build the project.

Solution:

The solution to this problem is to create the missing files and folders in the project. To do this, you will need to create a folder named “src” in the project root directory, and within that folder create another folder named “templates”, and within that folder, you will need to create a file named “blog-post.js”. You can use the following command to create the folder and file:

mkdir -p src/templates
touch src/templates/blog-post.js

Once you have created the missing files and folders, the project should be able to build and run without encountering the error message.

A brief introduction to Gatsby Simplefolio

Gatsby Simplefolio is a starter template for creating a portfolio website using the Gatsby.js framework. Gatsby.js is a static site generator built on React.js that allows developers to create fast and performant websites using modern web technologies. Gatsby Simplefolio comes pre-configured with a set of features and tools that are commonly used in portfolio websites such as a blog, portfolio section, and contact page.

The template is built using GraphQL, which is a query language for APIs. Gatsby’s integration with GraphQL allows developers to easily retrieve and manipulate data from various sources such as markdown files, headless CMS, and more. Additionally, Gatsby Simplefolio uses the gatsby-image package, which is an image optimization plugin that automatically generates various sizes of images and serves them using the best size for the user’s device. Gatsby Simplefolio is built with a responsive design, which means it can adapt to different screen sizes and devices. Additionally, the template uses SCSS for styling which allows for easy and efficient styling.

Most popular use cases for Gatsby Simplefolio

<PortfolioSection
    title="My Projects"
    projects={[
        {
            title: "Project Title",
            link: "https://project.com",
            image: {
                src: "https://project.com/image.jpg",
                alt: "Project screenshot"
            },
            description: "A brief description of the project"
        },
        // ... more projects
    ]}
/>