开发环境

问题描述

• 项目中引用 less-loader

npm i less-loader

• 报错

Found：webpack@4.46.0
node_modules/webpack@4
Could not resoleve dependency:
less-loader@* from the root projcet
Conflictin peer dependency：webpack@5.38.1
node_modules/webpack

• 原因是当前版本的 less-loader，不适用当前版本的 webpack@4.46.0

解决办法一

• 升级 webpack 到版本 5.38.1

解决办法二

• 安装适合当前 webpack@4.46.0 的 less-loader 版本

• 那么如何找到 webpack 对应的 loader 版本呢？

查看当前 webpack 版本

• 查看 node_modules-webpack-package.json 中 version，这里为 4.46.0
• 或者直接使用命令 npm info webpack version

查看当前 less-loader 版本

• npm info less-loader version
• 输出 11.1.0

进入 github 查找 loader 对应的 webpack 版本

• 进入 github：https://github.com/

• 搜索：less-loader

• 进入 less-loader 项目页面：https://github.com/webpack-contrib/less-loader

• 点击链接 Releases

• 这里我找到了 V7.3.0

• 下载源码，解压打开 less-loader-7.3.0\package.json

• 可以看到当前我的 webpack@4.46.0 适合这个版本

  "peerDependencies": {
    "less": "^3.5.0 || ^4.0.0",
    "webpack": "^4.0.0 || ^5.0.0"
  },

• 我又找到了 V7.3.0 的下一个版本 v8.0.0
• 下载源码，解压打开 less-loader-8.0.0\package.json
• 可以看到当前我的 webpack@4.46.0 不适合这个版本

  "peerDependencies": {
    "less": "^3.5.0 || ^4.0.0",
    "webpack": "^5.0.0"
  },

• 最后确认了适合当前 webpack@4.46.0 的 less-loader 版本为 7.3.0

卸载当前 less-loader

npm uninstall less-loader

查看当前所有 less-loader

npm view less-loader versions

输出

D:\Study-前端\Code\2023\Vue\vue_test\src>npm view less-loader versions
[
  '0.1.0',  '0.1.1',  '0.1.2',  '0.1.3',  '0.2.0',
  '0.2.1',  '0.2.2',  '0.5.0',  '0.5.1',  '0.6.0',
  '0.6.1',  '0.6.2',  '0.7.0',  '0.7.1',  '0.7.2',
  '0.7.3',  '0.7.4',  '0.7.5',  '0.7.6',  '0.7.7',
  '0.7.8',  '2.0.0',  '2.1.0',  '2.2.0',  '2.2.1',
  '2.2.2',  '2.2.3',  '3.0.0',  '4.0.0',  '4.0.1',
  '4.0.2',  '4.0.3',  '4.0.4',  '4.0.5',  '4.0.6',
  '4.1.0',  '5.0.0',  '6.0.0',  '6.1.0',  '6.1.1',
  '6.1.2',  '6.1.3',  '6.2.0',  '7.0.0',  '7.0.1',
  '7.0.2',  '7.1.0',  '7.2.0',  '7.2.1',  '7.3.0',
  '8.0.0',  '8.1.0',  '8.1.1',  '9.0.0',  '9.1.0',
  '10.0.0', '10.0.1', '10.1.0', '10.2.0', '11.0.0',
  '11.1.0'
]

安装对应 webpack 版本的 less-loader

npm i less-loader@7.3.0

• 从上一个步骤可以看出 7.3.0 是 7 开头的最后一个版本，所以也可以这样

npm i less-loader@7

• 这样会去找 7 开头的最后一个版本。

• 安装成功后，问题解决