Encountering a node-gyp error during the deployment of a Rails 6 application with a Vue app on Heroku

I'm running into an issue when trying to deploy my Rails 6 app with Vue on Heroku. The error I'm getting is as follows:

[4/4] Building fresh packages...
   error /tmp/build_c242c7d78580af478535f5a344ff701e/node_modules/fibers: Command failed.
   Exit code: 127
   Command: node build.js || nodejs build.js
   Arguments: 
   Directory: /tmp/build_c242c7d78580af478535f5a344ff701e/node_modules/fibers
   Output:
   node-gyp not found! Please ensure node-gyp is in your PATH--
   Try running: `sudo npm install -g node-gyp`
   /bin/sh: 1: nodejs: not found
   spawn node-gyp ENOENT
   info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

   Precompiling assets failed.

   Push rejected, failed to compile Ruby app.
   Push failed

I've searched everywhere for a solution, but it doesn't seem like anyone else has encountered this problem. Do you have any ideas on how to address this? Thanks

javascriptruby-on-railsvue.jsherokuyarnpkg

Answer №1

By including the node buildpack in my Heroku application, I was able to resolve the issue that I was facing.

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

Controlled Material-UI v5 DateTimePicker triggers input focus upon closure

Is there a way to have 2 DateTimePicker components as siblings, and when I click on the second one while the first one is still open, it should open a new DateTimePicker with focus on it? Can someone help me achieve this? Link to code example I want the ...

javascriptreactjsmaterial-uimui-x

What is the significance of the ngf prefix within the context of AngularJS and ng-file-upload?

I recently discovered the ngf-select directive within ng-file-upload for AngularJS. Here's how it's used: <button type="file" ngf-select="uploadFiles($file, $invalidFiles)" accept="image/*" ngf-max-height="1000" ngf-max-size="1MB"> ...

javascriptangularjsangularjs-directiveng-file-upload

leveraging vue script setup via content delivery network

Is it possible to write a Composition API script setup using a CDN like this? <template> {{message}} </template> <script setup> message:"welcome"; </script> I have searched for a solution but found none. I have used ...

vue.jsvuejs3vue-script-setup

Unanticipated commitments fulfilled on the spot

While troubleshooting a setup for managing promise concurrency in handling CPU-intensive asynchronous tasks, I encountered perplexing behavior that has left me puzzled. To regulate the flow, my approach was to initially create an array of Promises and the ...

javascriptnode.jsasynchronouspromise

Executing a script from within another script using Yarn

Here is a demonstration of how to execute a script from another using npm in package.json file. How can this be achieved with yarn instead of npm? { "name": "npm-scripts-example", "version": "1.0.0", "description": "npm scripts example", "scripts ...

node.jsnpmyarnpkgpackage.json

What is the code in CodeIgniter to retrieve the string 'Sugar & Jaggery, Salt' using <a>?

Can someone please help me? I am a beginner in CodeIgniter and I am having trouble passing a URL with a string. The controller is not accepting the string as expected. How can I fix this issue? //Below is the HTML code for passing a string value index.ph ...

javascriptphphtmlcodeigniter

Efficiently capturing selections from a Dynamic Dropdown menu and storing them in a database using VueJs and Laravel

I have been working on developing a form where users can add cities based on the countries selected from a dynamic drop-down menu. While I managed to extract the category_id (foreign key) in Vue.js, I am struggling with passing it to the Laravel backend. ...

laravelvue.jsdropdown

Issue with JQuery dialog not triggering autocomplete

I have integrated the JQuery 1.7.2 and JQuery-UI 1.8.18 libraries with both http://docs.jquery.com/UI/Dialog and http://docs.jquery.com/UI/Autocomplete. On a standard page load, the autocomplete function works perfectly with a text box in a form. It' ...

javascriptjqueryjquery-ui

JavaScript: Modify the dropdown class with a toggle option

Hi there, I'm currently facing a small issue and I could really use some assistance. I have a dropdown menu with two selection options - "green" and "blue", and I need to toggle a class based on the selected option. If you'd like to take a look, ...

javascriptjqueryhtmlcssdrop-down-menu

Error: Call stack limit reached while passing JSON data using Node.js

I am utilizing the ajax-request module to send Json data using a post request in my Node.js application. Below is the relevant code snippet: logMessage : function(url, message, next) { var d1 = message["sender"]; var d2 = { id: message[sender"]["id"], ...

javascriptjsonnode.jsajax

retrieve a reply from a PHP script and incorporate it into JavaScript following an AJAX request

I've been working with an ajax call and everything seems to be running smoothly thanks to this script: $(document).ready(function() { $('.sortable').sortable({ stop: function(event, ui) { $(ui.item).effect("highlight"); ...

javascriptphpjqueryajax

What is the best way to show a div after successfully sending a post value using AJAX?

How do I show this specific div after a successful AJAX post? This is what I want to display: <div class="love" id="love_0" style="border-radius: 3px; padding: 8px; border: 1px solid #ccc; right: 13px; background: #fff; top: 13px;"> <a class ...

javascriptjqueryhtmlcssajax

How to handle an unexpected token error when using a function within another function in

I'm encountering an issue where the function below is placed above my render function. It doesn't seem to allow me to nest a function within another function. Can you help me identify what's causing this problem? onSelected(i){ this.st ...

javascriptreactjs

No data is being returned by the Jquery Ajax function

I am experiencing an issue with a Jquery Ajax call in my code: $('body').on('click', '#btnPopulate', function() { alert(getTree()); }); function getTree() { var url = getUrlPath() + "/StoryboardAdmin/BuildStoryboardViewMode ...

javascriptjqueryajax

Launching an embedded webpage in a separate tab within the main browser window

In my current setup, I have implemented an iframe within the main window. The iframe includes a form where users can input data and submit it. Currently, I achieve the submission with the following code: var openURL = '/results/finalpage'; windo ...

javascriptjqueryiframejquery-events

Modifying CSS style according to the contents of an HTML element

Creating a room allocation page with multiple panel boxes using Bootstrap. Each box represents a bed - highlighted in red if occupied and green if vacant. Clicking on a green panel redirects to the room allocation page, while clicking on a red panel goes t ...

javascriptjqueryhtmlcsstwitter-bootstrap

Is there a more efficient method for converting an array of objects?

Is there a more efficient way to change just one value in an array without iterating through every element? I've included the code below where I am trying to update the contact number for each user in an array. Although my current solution works, it ...

javascriptarraysvue.js

Best practices for securing passwords using Chrome DevTools in React development

React developer tool inspector Is there a way to prevent password values from appearing in the inspector as a state when handling form submissions in ReactJS, especially when using Chrome's React developer tool? ...

javascriptreactjsgoogle-chrome

A reliable approach for dynamically altering SVG graphics

It seems like IE10 does not support CSS transformations for SVGs, only attribute transformations. Here is an example: <svg><rect id="myrect" width="200" height="200"></rect></svg> setTimeout(function() { var r = document.getE ...

javascripthtmlcsssvgcss-transitions

Sorting the array in MongoDB before slicing it

Currently, I have a pipeline that aggregates Regions along with their respective countries and sales values. My goal is to obtain the top 5 countries by sales in each region using the $slice method. However, the issue I am facing is that it returns the fir ...

javascriptmongodbexpress