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

Combining Various Data Types in a Flexible List

I'm looking for a way to dynamically add rows to a table. Right now, I have the input type on the server (whether it's int, bool, string, etc), but I want to know how to implement a field accept combobox. Here is the code in cshtml: <tr ng-r ...

javascriptangularjs

When using AngularJS in conjunction with Karma-Jasmine, it is important to note that the functions verifyNoOutstandingExpectation() and verifyNoOutstandingRequest() may not

There is an unresolved HTTP request that needs to be flushed. When I use the following code afterEach(function(){ $httpBackend.verifyNoOutstandingExpectation(); $httpBackend.verifyNoOutstandingRequest(); }); The code functions correctly and I ...

javascriptangularjsunit-testingkarma-jasminehttpbackend

The error message "E/Web Console(8272): Uncaught ReferenceError: functionName is not defined:1" popped up when trying to load web views within a

I'm working on incorporating webviews into a view pager. public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View v = null; v = inflater.inflate(R.layout.webview_l ...

javascriptandroidjquerywebviewandroid-viewpager

Struggling to get my react.js environment up and running, experiencing technical difficulties

I followed a tutorial on setting up the environment for ReactJS from https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm After entering "npm start" in the command prompt, I received the following error message. I have already installed no ...

node.jsreactjsnpmwebpackenvironment

Having difficulties installing NPM on Vagrant while provisioning

While setting up Vagrant Shell provision, I attempt to install NodeJS and NPM on Debian Wheezy. Here is the script (sourced from https://github.com/joyent/node/wiki/backports.debian.org): sudo echo "deb http://ftp.us.debian.org/debian wheezy-backports ...

node.jsnpmvagrantprovisioning

The execution of the command 'npm' was completed with an unexpected exit code 254

Issue with Building Project While trying to build my project, I encountered the following error: Error message - Execution failed for task ':yarnSetup'. Process 'command 'npm'' finished with non-zero exit value 254 Error S ...

gradlenpmbuild

Guide to creating a Stencil-powered React library using NX, ready for publishing on npm

I am working with a NX monorepo that has been set up with Stencil. Within this setup, I have created Stencil web components and generated a React library using Stencil. Using the React library in a React app within the same repository works just fine. Now ...

reactjsnpmwebpackmonorepostenciljs

Perform an AJAX call from the main file after inserting data using AJAX beforehand

I am in need of assistance with a question I have. On a page, an AJAX function is executed after the page finishes loading, creating a table in PHP that contains two buttons: one for changing passwords and the other for deleting. This table is then injecte ...

javascriptphpjqueryhtmlajax

Clicking our way back through the loop

Looking to display a name when each item is clicked. I've assigned an ID to each element, but it seems like I'm overlooking something. In the current code, I'm thinking there should be a variable involved, but I'm uncertain: $(document ...

javascriptjqueryloops

What is the limit on the amount of input data (in CSV or JSON format) that can be used to create a

Attempting to visualize a large dataset using D3.js has posed a challenge for me. The data size is 261 MB with approximately 400,000 rows in CSV format. Even when I attempt to run it with just 100,000 rows, the visualization does not appear on the browser. ...

javascriptjsoncsvd3.js

Interactive ajax and php dropdown menu

Hey there, I'm running into a small snag with my dynamic select feature, as mentioned in the title. I am aiming to achieve the following outcome: When a user selects an instrument from the first dropdown menu, the second dropdown menu labeled "Besetzu ...

javascriptphpjqueryhtmlajax

Alter the DOM element every ten seconds

Is there a way to modify a DOM element every 10 seconds? I attempted the following approach: var endurance = angular.element('.progressbar').height(); var endurance2 = angular.element('.progressbar').css('height', endurance- ...

javascriptangularjsdom

Upgrade the arrow accordion in bootstrap by incorporating images instead

I have implemented a Bootstrap accordion with a toggle arrow. Here is an example: http://jsfiddle.net/zessx/r6eaw/12/ My question is, if I want to change the arrow with an image, what do I need to edit? Or how can I implement it? This is the image I want ...

javascriptjqueryhtmlcsstwitter-bootstrap

Did I incorrectly pass headers in SWR?

After taking a break from coding for some time, I'm back to help a friend with a website creation project. However, diving straight into the work, I've encountered an issue with SWR. Challenge The problem I'm facing is related to sending an ...

javascriptnext.jsapi-designswr

Why does the jQuery .each loop only loop when I console.log?

Feeling a little confused right now. I have a .each function that successfully displays all results from JSON when I use console.log, but for some reason, when I try to output using .html(), it only shows one result at a time. Any idea why this might be ha ...

javascriptjqueryjson

The search text box is mysteriously absent from each column in the datatables

I am utilizing jQuery Datatables to construct a table with data retrieved from MySQL. This is how my table appears: LOT_LOCATION, Zone Attribute, LOTID, Design_ID, Board_ID1, QA_WORK_REQUEST_NO, QA_CONTACT_NAME, QA_PROCESS_NAME, CURRENT_QTY, Date, Temp ...

javascriptjqueryjsondatatables

I am searching for a straightforward Rails sample that incorporates Ajax

Currently, I am on a quest to find a solid demonstration of how AJAX and JSON interact with Rails. I have a Rails application that relies on standard forms and I am looking to enhance it with some ajax functionality. Unfortunately, I haven't come acro ...

javascriptruby-on-railsajax

What is the reason for the absence of styles in index.html when accessing the local server?

When using node.js to open the server, I encountered an issue where the styles are not displaying. Strangely, when opening index.html directly in the browser, all the styles show up correctly. What could be causing this discrepancy? index.html <!doctyp ...

javascriptcssnode.js

Fetching Data from Response Headers in Angular 4.3.3 HttpClient

(Text Editor: Visual Studio Code; TypeScript Version: 2.2.1) The main objective here is to fetch the headers of the response from a request Let's consider a scenario where we make a POST request using HttpClient within a service: import { Injec ...

javascriptangulartypescriptrequesttypescript2.0

Error: The variable 'err' is undefined in the mongoose mongodb code

Every time I try to execute this code, an error pops up stating that err is undefined Below is the code snippet causing the issue: app.post('/tinder/cards', (req, res) => { const dbCard = req.body; Cards.create(dbCard, (err, data) => { ...

javascriptdatabasemongodbmongooseerror-handling