Encountering the message "a critical error occurred: 'vips/vips8' file was not located" while using M2 (Apple Silicon) Macs

Encountered a pesky error that read: 

fatal error: 'vips/vips8' file not found
while setting up a React project on my new M2 (Apple Silicon) device.

After sifting through multiple reported issues on StackOverflow and github, I pinpointed the culprit to be vips. Check out the problem reports below:

While the popular solution recommended was brew install vips, it didn't do the trick for me. Even after confirming that vips was installed using: which vips, the error persisted.

Attempting 

brew install --build-from-source gcc
also yielded no success.

As a final resort, I ran my entire Terminal in Rosetta as suggested here: but unfortunately, this approach was also futile.

Versions:

  • yarn version: 1.22.19
  • node version: 16.15.1
  • npm version: 8.11.0
  • sharp version: 0.27.2
javascriptnpmyarnpkgapple-siliconsharp

Answer №1

After encountering an issue, I decided to switch from yarn to npm. Surprisingly, running npm install instead of yarn install resolved the problem, and now my React app is up and running smoothly on my local machine.

The exact cause of this error remains unknown. It's possible that a fix will be released soon. In the meantime, if you're facing a similar issue, consider using npm install as an alternative to yarn install.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the best way to iterate through an Object.entry and multiply one value by another key value within a loop?

I am looking to enhance the functionality of my Vue.js composition API web application by calculating the total number of employed workers in different sectors. However, I want to multiply the number of workers by another key:value property instead of ju ...

javascriptfunctionloopsvue.jsvue-composition-api

When I attempt to incorporate multiple sliders on a single page, I encounter difficulties in determining the accurate stopping position if the number of slides varies

I am having trouble setting the correct stop position for sliders with different numbers of slides on a page. When I have the same number of slides in each slider, everything works fine. However, I need to have a different number of slides in each slider ...

javascriptjqueryhtmlcss

There seems to be an issue with the Url.Action method as it

I'm working with this script: $(function() { $.support.cors = true; jQuery.support.cors = true; $.ajax({ crossDomain: true, type: 'GET', url: 'http://example.com/WCFRESTService.svc/GetCategories&apos ...

javascriptjqueryajaxasp.net-mvc

Strangely peculiar glitch found in browsers built on the Chromium platform

During a school assignment, I'm attempting to adjust the width of a button using Javascript. Below is my code: const button = document.querySelector("button"); button.addEventListener("click", () => { console.log(button.offsetWidth); butto ...

javascripthtmlgoogle-chromemicrosoft-edgechromium

Angular animations: triggered by user interaction

I'm encountering some difficulties with animating elements in my Angular application. The issue involves a grid made up of cells (created using ng-repeat). What I'm aiming to achieve is a simple animation: when a cell is clicked, it should disapp ...

javascriptangularjsanimation

Created a notification for when the user clicks the back button, but now looking to remove it upon form submission

My survey is lengthy and I don't want users to accidentally lose their data by clicking the back button. Currently, I have an alert that warns them about potential data loss, but the alert also pops up when they submit the form. Is there a way to disa ...

javascriptjqueryhtmlforms

Interacting with a JavaScript alert by clicking the OK button using C# in a web browser control

In my C# Windows Forms program, I am utilizing a webbrowser control to navigate multiple pages of a website and interact with forms to carry out transactions. I initially tried using httpwebrequest and webclient, but encountered challenges with cookies and ...

javascriptc#webbrowser-controlalert

jquery combobox with overlapping autocomplete suggestions

Encountering an issue with the jquery autocomplete combobox where they overlap when positioned side by side. Referencing this link for guidance: http://jqueryui.com/autocomplete/#combobox <!doctype html> <html lang="en"> <head> <me ...

javascriptjqueryjquery-uiautocomplete

Setting the base path for a statically exported NextJS app

I am in the process of developing and deploying a React / NextJS application to a Weblogic J2EE server with a specific context. While I have some experience with React, I am relatively new to NextJS. The current steps for building and verifying the app ar ...

javascriptnext.jswar

Leveraging Jest for mocking "import * as" operations

Is there a way to effectively mock this specific type of import using jest? import * as some from 'some-package'; ...

javascriptreactjsjestjs

Is there a way to search through a list and apply filters based on parameters found within a nested object?

I have a list that needs to be filtered based on parameters from advancedSearchFilters, which contains nested objects. The goal is to return a list that matches all or any of the specified parameters. const list = [ { additionalPrices: 0, clien ...

javascriptarraysreactjsobject

I want the navigation bar to appear only upon scrolling, but when I refresh the page it is already visible, and then vanishes as I start scrolling

I'm working on a project where I want the navigation bar to only appear after scrolling a certain distance down the page. However, I've noticed that when I refresh the browser, the navigation bar appears immediately and then disappears once I sta ...

javascripthtmlcssnavigationbar

Transition from the previous image to the new one with a fading effect to enhance list item navigation

I've been working on implementing a sprite image for each list item (home, services, and contact) in my project. Using CSS, I've managed to move the position on hover successfully. However, I now want to add a fade effect to the transition instea ...

javascriptjqueryhtmlcss

Is it possible to utilize Faker for generating fabricated JSON data?

Is there a method to generate fictitious data, like a name and email, and save it in a JSON file? I'm aware that faker is utilized with Node and NPM for creating fake data in JS, but can the same be done with JSON? ...

node.jsjsonnpmfaker

Is it possible to pass multiple API props to a NextJs Page at once?

I am currently facing a challenge in rendering a page that requires data from two different API fetches. The URL in the address bar appears as: http://localhost:3000/startpage?id=1 Below is the code snippet for the first API fetch: import { useRouter } f ...

javascriptnext.jsfetch-apireact-props

Uploading files with ExpressJS and AngularJS via a RESTful API

I'm a beginner when it comes to AngularJS and Node.js. My goal is to incorporate file (.pdf, .jpg, .doc) upload functionality using the REST API, AngularJS, and Express.js. Although I've looked at Use NodeJS to upload file in an API call for gu ...

javascriptnode.jsangularjsrestexpress

Utilizing web components from NPM packages in conjunction with Svelte

My current project involves the development of a simple Single Page App (SPA) using Svelte. I have successfully implemented a basic layout and styling, as well as an asynchronous web request triggered by a button click. Now, my next objective is to utiliz ...

javascriptnpmsvelteweb-component

Leveraging Javascript Modules within a Typescript Vue Application

The issue at hand I've encountered a problem while attempting to integrate https://github.com/moonwave99/fretboard.js into my Vue project. My initial approach involved importing the module into a component as shown below: <template> <div&g ...

javascriptnode.jstypescriptvue.jsnode-modules

What steps should I follow to integrate aws-appsync into my AngularJS project?

I'm diving into a project with AngularJS, utilizing bower as the package manager and gulp to inject dependencies into the index.html file. These tools are fairly new to me. Now, I want to incorporate AWS AppSync, but unfortunately it's not avail ...

angularjsnpmgulpboweraws-appsync

The integration of the jQuery library within the server side of a Google Apps Container Bound Script

Can the jQuery library be utilized server-side in a Google Apps Script that is Container Bound to a Doc or Sheet? If so, what steps should be taken? In a previous inquiry on Stack Overflow, I sought guidance on incorporating jQuery into a container-bound ...

javascriptjquerygoogle-apps-script