Encountering issues with running Vue app after multiple attempts to resolve npm audit fix

I encountered an issue with vulnerabilities in my app and now it won't run.

The error message I'm receiving is:

It says this dependency was not found:

  • firebase in ./src/main.js, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Navigation.vue?vue&type=script&lang=js and 1 other

To fix this, you can try running: npm install --save firebase There's also an error from chokidar (C:): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp'

Here is a snippet of my package.json file:

{
  "name": "poker-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "chart.js": "^3.6.2",
    "core-js": "^3.6.5",
    "firebase": "^9.6.1",
    "generatorics": "^1.1.0",
    "itertools": "^1.7.1",
    "vue": "^3.0.0",
    "vue-chartkick": "^0.6.1",
    "vue-echarts": "^6.0.0",
    "vue-router": "^4.0.11"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0"
  }
}

Does anyone have any insights on how to resolve this?

Answer №1

If you're facing issues, consider removing the node_modules directory and executing the following commands:

npm cache clean --force
npm install

Pay attention to any warnings that may appear during the installation process, as they could indicate package version conflicts.

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

Assign object values only using Object.assign

I have two objects. One serves as the original source object, while the other is a deep copy of the source object with potentially different values. For example: { id: 123, people: [{ name: "Bob", age: 50 }, { name: "Alice", ...

Can you explain the functionality of .val().trigger('change')?

I could use some clarification on a certain line in my project: The categories-product id belongs to a <select> element, and I've noticed someone wrote this in the project: I'm curious about its meaning. $('#categories-product' ...

Displaying a variable within the onchange method in VueJS

Is it possible to display a variable on a page when using the onchange method? For instance, consider the following code: methods: { onChange(image) { if (image) { EXIF.getData(this.$refs.pictureInput.file, function () { var make = ...

"What could be the reason for web3.eth.getAccounts() method returning an empty array when used with console.log

Upon executing web3.eth.getAccounts().then(console.log);, I encountered an empty array and also received a warning stating ./node_modules/web3-eth-accounts/src/scrypt.js Critical dependency: the request of a dependency is an expression. The project began w ...

What is the best way to manage permissions for routes pulled from the database?

When working with Vue, I often need to restrict certain pages for specific users. To achieve this, I typically define permissions in the router's meta section. For example: routes: [ { path: 'transport', name: 'trans ...

Exploring Elasticsearch: Uncovering search results in any scenario

I've been working on a project where my objective is to receive search engine results under all conditions. Even if I enter a keyword that is not included in the search data or if it is an empty string, I still want to get some kind of result. How can ...

HMR: The webpack-hot-middleware is not refreshing my webpage

My Vue application, titled hello-world, is utilizing webpack-dev-middleware and webpack-hot-middleware. When running the application, it shows that it's connected in the console. However, after making changes to my main.js file, the following message ...

Maximizing the efficiency of text within constrained space limits

I need to display text of varying lengths and characters within a fixed-width div. To maximize the amount of text shown, I currently limit the number of characters using this code snippet: var n = //specific number string = string.substr(0,n); The issue ...

Create a visual representation by converting it into an HTML table

Check out my JSFiddle here: http://jsfiddle.net/0r16e802/4/ I'm attempting to display an image as an HTML table, but I'm facing two major issues with my algorithm: Only the first image is loaded in the first row and I need to figure out how to ...

How can I hide a select dropdown depending on the value selected in another dropdown menu

Can anyone help me troubleshoot why my script is not functioning correctly? I am trying to hide the sem dropdown when the branch dropdown is set to ALL. Below is the script that I have tried, but it is not working as expected. Here is the script I am usin ...

JavaScript for loop similar to Python'sIn JavaScript, the

As someone who is new to programming, I primarily use Python but have now encountered a situation where I need to work with JavaScript for a project utilizing Phonegap. The query retrieved from the server looks like this: [["CompanyName", "lat", "long", ...

Display modal scroll functionality when a modal window is activated

Can someone explain to me why my solution isn't working? I'm trying to hide the scroll on my page when a modal is opened and allow scrolling within the modal. It would also be great if there could be a slide up & down effect. I attempted to achi ...

Running unit tests to verify that the ng-if divs are properly displaying

Inspired by this particular question, I have implemented a method to test the correct display of ng-if tagged divs using Karma instead of Protractor: var element; beforeEach(inject(function ($rootScope, $templateCache, $compile) { scope = $rootScope.ne ...

Submitting Data Forms with AJAX on dynamically loaded webpages

Issue with Form Submission in Ajax-Generated Page I am experiencing an issue with form submission on a page generated within AJAX. The page contains two forms, #form1 and #form2. The jQuery code for submitting the form is as shown below: jQuery("#form1" ...

The grid fails to apply remote filtering values when an additional Nested ajax call is incorporated alongside the current HttpProxy configuration

Whenever I click for filter/sort for remote filtering, Forms.asp triggers using a proxy and automatically reloads. Previously, when I used the script below to reload the ExtJS grid with Forms.asp returning new XML with filtered grid data, everything worked ...

Issue with Django: Javascript not loading correctly in HTML page

Why won't my Django website load javascript files, even though the css part works fine from the same Static folder? base.html: <head> {% load static %} <meta charset="UTF-8"> <link href="{% static 'login/css/bootstrap ...

Is there a way to remove a JavaScript Blob file from cache?

There are times when I no longer require a blob along with its "createObjectURL" in my code. How can I ensure that it is completely removed from memory, freeing up space and resources? ...

Should I install both dependencies for Moment.js Plugins?

Thinking about incorporating a moment.js plugin such as moment-business-days. Do I need to install both packages? npm install moment-business-days npm install moment // yes / no / maybe? Or is it sufficient to just install the plugin since it already inc ...

The computed property "itemCost" in Nuxt was set without a setter

I wrote a method like this: methods: { calculateTotal(item) { let total = 0; for(let choice of item.choices) { if(choice.cost) total += choice.cost; } return total } } Here is how I used it in my Vue file: index.vue <div class=&q ...

Retrieving information from a JSON file using AngularJS

Hello, I am a beginner in Angularjs and I am facing an issue while trying to retrieve data from a JSON file. The output I am getting is quite strange. Below are snippets from my controller.js and services.js files: angular .module('app') .contro ...