下载安装webpack插件报错Unable to resolve dependency tree

最新推荐文章于 2024-02-19 08:22:07 发布
最新推荐文章于 2024-02-19 08:22:07 发布
阅读量1.4w 收藏 2
点赞数 3
分类专栏： 笔记 踩过的坑 文章标签： nodejs webpack npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/always_die0/article/details/110480139
版权

在命令行安装webpack-dev-server 的时候一直报错，检查了很多地方也没问题，包括终端上的报错信息，

（这不是我的报错信息，我的忘了截图，这是在

https://stackoverflow.com/questions/64874754/unable-to-resolve-dependency-tree-with-esling-config-airbnb

上看到的）

也没看出个啥来，

最后将我的文件夹下除了node_modules以外的所有文件发给成功安装了的人让他尝试在他电脑上能否成功安装，结果能安装

所以认为是node的版本太高导致的插件不兼容问题

1. 使用node -v 查看node版本号  

2.我安装的是15.3.0node.js官网最新的版本去node.js中文网上下了一个14.15.1的稳定版（英文的官网太慢了）

3.在控制面板将node.js卸载之后再用低版本安装包安装(不卸载高版本的node.js无法安装低版本)

4.成功下载插件。。。。

always_die0
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
终端中 npm安装报错 webpack
01-07
npm install 时，会出现很多错误，包括配置错误等。 以webpack中安装autoprefixer为例： 终端输入: npm install autoprefixer 报出一堆错 gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16) g
详解webpack的clean-webpack-plugin插件报错
01-18
1、出错代码 const path = require('path') const CleanWebpackPlugin = require('clean-webpack-plugin') // const { CleanWebpackPlugin } = require('clean-webpack-plugin') module.exports = { entry: './input.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'output.bundle.js' }, mode: 'd
NPM报错问题：ERESOLVE unable to resolve dependency tree
最新发布
Zty_3184的博客
02-19 169
npm依赖报错
webpackage依赖安装报错ERESOLVE unable to resolve dependency tree
张小仙儿的博客
04-14 4286
npm install报错如下： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/eslint npm ERR! dev eslint@"^7.24.0" from the root project npm
ERESOLVE unable to resolve dependency tree
qq_40703860的博客
05-09 102
使用–force或–legacy-peer-deps可解决这种情况。建议用–legacy-peer-deps 比较保险一点。
npm install报错unable to resolve dependency tree
qq_36657291的博客
03-09 3940
浅析npm i报错unable to resolve dependency tree问题解决及了解peerDependency和--legacy-peer-deps命令的意义
安装webpack-dev-server后报错[webpack-cli] Unable to load ‘@webpack-cli/serve‘ command[webpack-cli] TypeE
DXWAN的博客
05-27 480
用webpack-dev-server监听项目源码实时更新自动打包 命令如下 npm install webpack[email protected] -D 修改配置 运行 npm run dev 后报错 解决方式：运行命令： npm install -D webpack-cli 再次执行：npm run dev 解决 ...
Webpack5无法使用uglifyjs-webpack-plugin压缩js： ERESOLVE unable to resolve dependency tree
u010234868的专栏
11-19 3828
安装： npm i -D uglifyjs-webpack-plugin 报错： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found: webpack@5.64.1 npm ERR! node_modules/webpack npm ERR! peer webpack@"4.x.x || 5.x.x" from @webpack-cli/configtest.
错误解决：webpack安装出现错误以及解决办法
qq_30152625的博客
05-21 3808
先说下什么是WebPack？ WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任，目前已经到了4.x版本。 打包：可以把多个Javascript文件打包成一个文件，减少服务器...
使用webpack打包TS的保姆级教程
m0_57625624的博客
11-25 2843
这是我第一次接触webpack和TS，没想到水这么深。以上，是一个小菜鸟的小经历。如果能帮到您，请一键三连噢！
记一次vue-cli3下filemanager-webpack-plugin的报错和解决
TheJormangund的博客
09-06 4134
附上一篇filemanager-webpack-plugin插件的使用方法：[email protected] 直接打包成zip压缩文件 前言 因为对之前项目进行再次开发时，遇到了太多因维护引起的问题（满满的心智负担，导致San值严重下降。。( ′Д`)）。 所以想尝试一下，重新git clone一次某vue项目，想从二次开发者的视角去窥探，看流程能不能顺利。果不其然，出了问题。 正文 项目是使用Vue-cli3建立。之前本地的旧项目代码一直能够正常工作，但是重新clone一次之后，却报了错。 把项目代码重新“git
webpack4 CSS Tree Shaking的使用
10-18
主要介绍了webpack4 CSS Tree Shaking的使用,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
webpack相关图片压缩插件
06-20
由于这几个图片压缩的插件下载会经常失败，所以我整理了一下。 文件内容： imagemin-gifsicle，imagemin-jpegtran，imagemin-optipng，imagemin-svgo 直接解压，放到node_modules文件夹下即可。 配合我之前发布的...
自动打包插件webpack-dev-server的安装、配置及使用
01-08
在项目的根路径下输入：cnpm i webpack-dev-server -D 将插件安装到项目的本地开发依赖中 该工具的用法和webpack命令的用法完全一致 直接输入命令即可自动监听 在项目中本地安装的webpack-dev-server无法作为脚本...
Overflow:hidden清除浮动的工作原理
always_die0的博客
08-29 2189
引用 https://www.cnblogs.com/ympjsc/p/11800472.html 大神的总结 要想彻底清除浮动的影响，适合的属性不是 clear 而是 overflow。 一般使用 overflow:hidden，利用 BFC 的“结界”特性彻底解决浮动对外部或兄弟元素的影响。 前言： 我们都知道overflow:hidden的字面意思是超出隐藏，说到这个超出隐藏就跟父元素的高度有关了，高度一定了的时候，超出隐藏才有依据。 我们知道当子元素开始浮动了，会脱离文档流，其父元素的高度就
利用font-size设置父元素内两个子元素之间的间隙
always_die0的博客
10-09 1098
如同右边链接里的大神所说- LION -css中font-size为0的妙用（消除内联元素间的间隔） 有时候在修改一个父元素内的两个子元素之间的间距时，怎么也不能修改为0； 这其实有很多的解决方法，但是设置父元素的font-size为零是效果最好的，并且不只是能消除内联元素的间隔，只要是父元素内的两个子元素都能有效果 上图中有白色border的是header-right （在我设置了边框之后，因为边框宽度1px，俩子元素宽度分别设置的50%，然后header-right就被挤下去了，图中为了展示效果将
记录一下移动端隐藏滚动条的css样式
always_die0的博客
11-30 344
PC端隐藏滚动条 首先将pc端的css样式贴上来 html { /*隐藏滚动条，当IE下溢出，仍然可以滚动*/ -ms-overflow-style:none; /*火狐下隐藏滚动条*/ scrollbar-width: none; } /*Chrome下隐藏滚动条，溢出可以透明滚动*/ html::-webkit-scrollbar{width:0px} ie/Edge的样式会使页面内所有滚动条隐藏。Chrome和火狐会隐
日常记录--遇到的两个小问题（Date()括号里传入的参数和$()括号中的this
always_die0的博客
11-26 163
1.使用jquery的ajax方法从后端读取数据时，其中得到的发表时间是使用的1970那个UTC时间计算出的毫秒数，在将其转换为易读的时间格式时发现一直得不到想要的数据和格式，而是一直打印出 Invalid Date 检查半天之后发现，原来是因为js的Date()对象不能接受字符串类型(String)的数据，只要在传入前用parseInt()、parseFloat()或者number()转为数字类型就行。 2.jquery中要得到this的jquery对象直接 写为$(this)就行 不能为this加上引
webpack 安装报错
02-13
如果您在安装 webpack 时遇到报错，首先应该检查报错信息并确定问题的根本原因。您可以搜索网络以获取更多关于错误的信息，并尝试根据错误消息中的提示进行修复。如果您仍然无法解决问题，请在 webpack 官方论坛或...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值