Encountered an error while running npm run dev on a Laravel Vue 3 project: opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],

I am facing an issue in my Laravel 9 Vue 3 project. When I run php artisan serve and then npm run dev, I encounter the following error:

  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

After browsing through other Stack Overflow posts, I tried adding the following code to my package.json file, but it didn't seem to make a difference as it's for vue-cli and not npm run dev.

 "serve": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
        "build": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
        "lint": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service lint"

My current Node version is 18.13.

Can someone please help me resolve this issue quickly? I would prefer not to resort to downgrading as a last option.

javascriptvue.jsnpm

Answer №1

After some investigation, I have found the solution. Just include the code snippet below in your package.json file:

"start": "set NODE_OPTIONS=--openssl-legacy-provider && npm run start-server",

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

A scenario in a Jasmine test where a function is invoked within an if statement

My coding dilemma involves a function: function retrieveNames() { var identifiers = []; var verifyAttribute = function (array, attr, value) { for (var i = 0; i < array.length; i++) { if (array[i][attr] === va ...

javascriptangularjsunit-testingjasminekarma-jasmine

Can you include conditional logic within a switch statement?

I've been using if, else if, and else statements in my code but recently switched to switch statements which have made things much simpler. Now I'm wondering if it's possible to add multiple conditions inside a switch statement, similar to i ...

javascriptswitch-statementstatements

Exploring Vue.js lifecycle events and when to begin loading store properties (Vue.observable)

Currently, I am utilizing Vue.observable() for state management and it is crucial for two store properties to be fully loaded before most views are rendered by vue-router. I have attempted implementing the loading logic in various lifecycle events such as ...

typescriptvue.jsvuejs2observablevue-router

Managing Concurrent Requests in Redis

I am currently developing a nodejs API application that interacts with a MongoDB Database to store and retrieve data. To optimize performance, I have implemented Redis DB for caching purposes, using a hash set for data storage and retrieval. Upon receivin ...

node.jsnpmredisnode-redis

Testing an Express application using Jenkins

After spending hours searching for a way to execute my Mocha unit tests in Jenkins for my Express JS application, I am still struggling to find a solution. While writing the tests themselves is relatively easy, integrating them with my app has proven to b ...

javascriptnode.jsexpressjenkins

Is it necessary for each React component to have its own individual stylesheet?

Looking for some advice on React as a newbie here. I'm wondering whether each React component should have its own stylesheet. For instance, if I have my main App component that gets rendered to the browser, is it sufficient to include a CSS file the ...

javascriptcssreactjs

Encountering a 400 error code when attempting to log in through the command line with N

Having trouble logging in to my company's private npm server using the command line and encountering this error: npm verb login before first PUT { npm verb login _id: 'org.couchdb.user:<username>', npm verb login name: '<u ...

authenticationnpm

Exploring methods to test the use of custom CSS variables in VueJS

I am currently working on a VUEJS test and I need to access the style information. The component is being utilized in this manner: :style="background-color: var(--color)" The following methods are being used: wrapper.find('.avatar'). ...

vue.jsunit-testingjestjs

Create type definitions for React components in JavaScript that utilize the `prop-types` library

Exploring a component structure, we have: import PropTypes from 'prop-types'; import React from 'react'; export default class Tooltip extends React.Component { static propTypes = { /** * Some children components */ ...

javascriptreactjstypescriptreact-proptypes

Error 404 encountered while trying to access a website with parameters using Vue.js

Currently, I am in the process of building a website using VueJS and recently discovered how to use url parameters. Everything was working perfectly on my local machine - I could easily navigate to different pages by including parameters in the URL. For e ...

javascriptvue.jsrouteshttp-status-code-404web-hosting

npm mpd - guide on logging into an mpd server

My current project involves utilizing node.js and the npm module mpd to establish communication with an mpd-server located on a different host. Despite successfully connecting my client to the mpd-server, I am encountering difficulties when attempting to s ...

node.jsnpmmpd

What is preventing the listener from activating?

I came across some HTML code that looks like this: <form id="robokassa" action="//test.robokassa.ru/Index.aspx" method="post"> <input type="text" id="OutSum" name="OutSum" value="" placeholder="Сумма пополнения"> ...

javascriptjqueryevent-handling

Text field value dynamically changes on key press update

I am currently working on the following code snippet: {% for item in app.session.get('aBasket') %} <input id="product_quantity_{{ item['product_id'] }}" class="form-control quantity" type="text" value="{{ item['product_quan ...

javascriptjqueryhtmlajaxonkeyup

Tips for managing blur events to execute personalized logic within Formik

I am currently delving into the world of React/Next.js, Formik, and Yup. My goal is to make an API call to the database upon blurring out of an input field. This call will fetch some data, perform database-level validation, and populate the next input fiel ...

javascriptreactjsnext.jsformikyup

React component failing to update upon rerender

I've encountered an issue with my Flux setup where the component doesn't rerender when adding a new Todo, although it does when deleting or changing the checkbox. I find this behavior confusing and wonder what might be causing it. The list itself ...

javascriptreactjsnpmreact-hooksflux

Populating JQuery autocomplete using a PHP array

As a beginner in the world of JavaScript and JQuery, I have been scouring the internet for hours trying to find a solution to my query. My goal is to populate a JQuery autocomplete feature using an array that I have created in PHP. Here is a glimpse of the ...

javascriptphpjqueryautocomplete

Conceal the year, month, and day within a datetime-local input

I am working with <input type="datetime-local" step="1"/> input fields, and I want users to only be able to edit the hours, minutes, or seconds. This is due to setting the minimum value using let min = new Date().setHours(0,0,0) and the maximum value ...

javascripthtmldatetimeinput

Increase the value of $index within the ng-repeat loop

Is there a way to increment the value of $index in ng-repeat by a specific amount? For example, if I want to display two values at a time, how can I ensure that the next iteration starts with the third value instead of the second value? <div ng-contr ...

javascriptangularjsangularjs-ng-repeat

Tips for creating a typescript typeguard function for function types

export const isFunction = (obj: unknown): obj is Function => obj instanceof Function; export const isString = (obj: unknown): obj is string => Object.prototype.toString.call(obj) === "[object String]"; I need to create an isFunction method ...

javascripttypescriptfunctiontype-safetynarrowing

Troubleshooting: Why is the Vue search feature in v-data-table not functioning properly

My issue involves using computed values to populate my v-data-table, and I am struggling to resolve the search functionality. Additionally, I would like to re-enable column sorting if possible. Below is the code for my v-Data-Table: <v-data-table ...

vue.jsvuejs2vue-componentvuetify.jsvuetify-datatable