Git - 克隆 Vue.js 项目并运行

Question

I have cloned a project from a Git Repo into my Mac, It only has project files not the node modules.

In GIT: Readme.md says run npm install to setup the project. When I run the npm install I get below error list, how do I get through it?

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @vue/eslint-config-standard@6.1.0
npm ERR! Found: eslint-plugin-vue@8.7.1
npm ERR! node_modules/eslint-plugin-vue
npm ERR!   dev eslint-plugin-vue@"^8.0.3" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0
npm ERR! node_modules/@vue/eslint-config-standard
npm ERR!   dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: eslint-plugin-vue@7.20.0
npm ERR! node_modules/eslint-plugin-vue
npm ERR!   peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0
npm ERR!   node_modules/@vue/eslint-config-standard
npm ERR!     dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/dev/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/dev/.npm/_logs/2022-06-23T23_17_06_125Z-debug-0.log

Answer 1

The first thing you're supposed to do when getting an error is read it all, looking for information which might help you fix it.

In this particular case, it's:

npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

---

The project you've cloned has a dependency conflict. Two packages require different versions of a third package.
A possible fix would be to run npm i --legacy-peer-deps or npm i --force , which will attempt solving the conflict. npm can't solve these conflicts without letting you know, as it's potentially breaking one of the packages requesting the dependency.

As a side note, in this particular case it looks like you have too many linter plugins in your eslint config. You only need the most recent one for your vue version.

If running with --force or with --legacy-peer-deps doesn't solve the problem, you'll need to show us your eslint config and the relevant section of your package.json

Probably the easiest way would be to create a repository for your project and then create a codesandbox.io from the repo. Or provide a link to it.

Answer 2

This bug seems current, to reproduce it:

vue create hello-world
Vue CLI v5.0.8
...
npm install

and if you do: rm -rf node_modules then npm install you get error:

npm ERR! While resolving: @vue/eslint-config-standard@6.1.0

And no solution till now

thank you

Answer 3

What I did to get rid of the problem was removing the:

"eslint-plugin-vue": "^8.0.3",

line in the package.json file. from the "devDependencies" section.

Then I did an

npm install

to download all the dependencies. And after that I downloaded the eslint Vue plugin seperatly with the Vue CLI.

vue add eslint

I don't know if this is the solution to the problem. I just wanted to help.