当前位置: 首页 > 知识库问答 >
问题:

vue.js - vue-antdesign-admin-template 如何解决包冲突?

段干兴业
2023-05-18

clone 了 vue-antdesign-admin-template 项目(https://github.com/yalin28/vue-antdesign-admin-template)

package.json 如下

{
  "name": "vue-antd-pro",
  "version": "2.0.0",
  "private": true,
  "author": "yalin <leiyalin28@gmail.com>",
  "scripts": {
    "dev": "vue-cli-service serve",
    "build-prod": "vue-cli-service build --mode production_env",
    "build-test": "vue-cli-service build --mode test_env",
    "report": "vue-cli-service build --report",
    "lint-fix": "vue-cli-service lint --fix"
  },
  "dependencies": {
    "ant-design-vue": "1.6.5",
    "axios": "^0.21.1",
    "core-js": "^3.6.5",
    "enquire.js": "^2.1.6",
    "lodash.get": "^4.4.2",
    "md5": "^2.3.0",
    "mockjs2": "1.0.8",
    "moment": "^2.28.0",
    "nprogress": "^0.2.0",
    "promise.prototype.finally": "^3.1.2",
    "vue": "^2.6.12",
    "vue-clipboard2": "^0.3.1",
    "vue-ls": "^3.2.1",
    "vue-router": "^3.4.3",
    "vue-svg-component-runtime": "^1.0.1",
    "vuex": "^3.5.1"
  },
  "devDependencies": {
    "@ant-design/colors": "^4.0.5",
    "@vue/cli-plugin-babel": "^4.5.6",
    "@vue/cli-plugin-eslint": "^4.5.6",
    "@vue/cli-plugin-router": "^4.5.6",
    "@vue/cli-plugin-vuex": "^4.5.6",
    "@vue/cli-service": "^4.5.6",
    "@vue/eslint-config-prettier": "^6.0.0",
    "babel-eslint": "^10.1.0",
    "babel-plugin-import": "^1.13.0",
    "babel-plugin-transform-remove-console": "^6.9.4",
    "compression-webpack-plugin": "^6.0.2",
    "eslint": "^7.9.0",
    "eslint-plugin-prettier": "^3.1.4",
    "eslint-plugin-vue": "^6.2.2",
    "less": "^3.12.2",
    "less-loader": "^7.0.1",
    "prettier": "^2.1.2",
    "promise.prototype.finally": "^3.1.2",
    "style-resources-loader": "^1.3.3",
    "vue-cli-plugin-style-resources-loader": "^0.1.4",
    "vue-svg-icon-loader": "^2.1.1",
    "vue-template-compiler": "^2.6.12",
    "webpack-theme-color-replacer": "^1.3.14"
  }
}

图片.png

╰─➤  npm install   
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: vue-antd-pro@2.0.0
npm ERR! Found: eslint@7.9.0
npm ERR! node_modules/eslint
npm ERR!   dev eslint@"^7.9.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer eslint@"^5.0.0 || ^6.0.0" from eslint-plugin-vue@6.2.2
npm ERR! node_modules/eslint-plugin-vue
npm ERR!   dev eslint-plugin-vue@"^6.2.2" 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 /home/pon/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/pon/.npm/_logs/2023-05-18T03_36_29_058Z-debug-0.log

报了一堆错误,如何解决?

是因为这些包只限制了下限,没有限制上限的原因吗?

这个 eslint 版本是写在 package.json 的 devDependencies 下面,既然作者这么写,说明在他那里可以运行成功

共有2个答案

席俊
2023-05-18

npm install --legacy-peer-deps也可以

顾乐池
2023-05-18

你的版本太高了,降一下版本看看

npm uninstall eslint
npm install eslint@6 --save-dev 
 类似资料:
  •   在线预览 更新日志 相关依赖 vue-router iview axios vuex 功能 登录页 一周七天自动切换不同的壁纸(建议自己配置) 标签栏 点击标签切换页面 刷新当前标签页 关闭其他标签/关闭所有标签 注意: 组件的名称和路由的名称一定要一致,例如 Home.vue 组件名称 name: home,则在路由文件中也要给它设置为 name: home,否则页面内容不能缓存 // 在r

  • 问题内容: 假设我们有一个包含一个类的软件包(以及其他类)。 然后,我们还有另一个包含一个类的包(显然具有不同的行为)。 现在假设我们需要com.example1中的每个类和com.example2中的Hello类 在这种情况下,哪个被叫? 还是这会产生编译错误? 出于好奇,这只是一个理论问题。 由于创建软件包是为了避免命名冲突,所以当两个软件包包含两个具有相同名称的类时会发生什么? 问题答案:

  • 问题内容: //这是我的代码,我正在代理工作… //以下错误出现在我的控制台上 我正在使用以下罐子 问题答案: 该班已搬迁到另一个包中的HttpClient 4.4。 从4.4开始 将您的httpcore版本升级到至少4.4即可解决该问题。

  • C STLunordered_map如何解决冲突? 看着http://www.cplusplus.com/reference/unordered_map/unordered_map/,它说“唯一的键容器中的两个元素不能有相同的键。” 这意味着容器确实在解决碰撞。然而,那一页并没有告诉我它是如何做到的。我知道一些解决冲突的方法,比如使用链表和/或探测。我想知道的是c STL无序_映射是如何解决它的。

  • React-Admin 是一个基于React的后台管理模板,是基于Bootstrap 3 管理模板 Gentelella 进行的二次开发。

  • Semantic-Admin-Template 是 Semantic UI 的后台模板。