前端项目 npm install 安装依赖报错及解决办法

这篇具有很好参考价值的文章主要介绍了前端项目 npm install 安装依赖报错及解决办法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

第一种:Error: Cannot find module 'gifsicle'

第二种:Error: Cannot find module 'imagemin-gifsicle'

第三种:Error: Cannot find module 'array-includes'


前端项目安装依赖,遇到过的问题:

第一种:Error: Cannot find module 'gifsicle'

前端项目 npm install 安装依赖报错及解决办法

原因是对应的模块 image-webpack-loader 未安装好

解决办法:

卸载重新安装,建议用cnpm安装。

1. 卸载 npm uninstall image-webpack-loader。(用cnpm安装的,就用cnpm卸载)

2. 安装 cnpm install --save-dev image-webpack-loader

备注:如果上面两步执行了,再npm install 会报其他的错误,网上查了其他错误依旧解决不了,把package-lock.json删掉,node_modules也删掉。再重新试一下npm install。


第二种:Error: Cannot find module 'imagemin-gifsicle'

前端项目 npm install 安装依赖报错及解决办法

原因:在下载image-webpack-loader时,他没有找到这些包,所以需要我们自己另外单独去cnpm这些包

解决办法:

安装:cnpm install imagemin-gifsicle@7.0.0,然后重新启动项目;

备注:这一步解决后,可能还会报其他相关错误,依次安装即可。

Error: Cannot find module 'imagemin-mozjpeg',安装cnpm install imagemin-mozjpeg@9.0.0 

Error: Cannot find module 'imagemin-pngquant',安装cnpm install imagemin-pngquant@9.0.2


 

第三种:Error: Cannot find module 'array-includes'

前端项目 npm install 安装依赖报错及解决办法

解决办法:

1. 删掉项目中的node_modules文件夹,

2. 执行  npm cache clean --force 或者  cnpm cache clean --force 命令清除掉cache缓存,

3. 然后 cnpm install文章来源地址https://www.toymoban.com/news/detail-441384.html

到了这里,关于前端项目 npm install 安装依赖报错及解决办法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 报错:在从 Git 上拉取代码后,使用 npm install 安装依赖失败,但使用 yarn 可以成功安装,这是为什么

    在从 Git 上拉取代码后,使用 npm install 安装依赖失败,但使用 yarn 可以成功安装的原因可能有多种,以下是一些常见原因: 安装的依赖库版本不兼容。有时候,package.json 文件中的依赖库版本与本地或全局的 Node.js 环境不兼容,或与已安装的其他依赖库的版本不兼容,在使用

    2024年02月08日
    浏览(33)
  • vue项目执行依赖安装(npm i或npm install )报ls-remote -h -t异常

    从git拉取的vue项目执行依赖安装时一直报错, 报错如下图: 首先,查看了node版本、npm配置的镜像地址均没找到解决办法。 在命令行中直接输入git发现提示 于是从网上搜到了一个博文https://blog.csdn.net/weixin_49159364/article/details/118198154按照这个配置后问题解决。 解决过程: 首先

    2024年01月22日
    浏览(39)
  • python pip install 总是报错及解决办法

    情况一 pip 正常安装完成,但是在安装库的时候出现如下界面  运行以下命令来升级pip 情况二  出现这种情况的原因:电脑里面同时存在着两个版本,python2和python3,安装的库在下载的时候找不到对应的版本 解决方法: 指定版本号即可 python -3 -m pip install 安装的库 python -3 -

    2024年02月14日
    浏览(17)
  • 安装npm install XXXX报错-4048,解决方案

    安装 newman 打开 cmd 输入: npm install -g newman 校验:安装完成后,输入 newman -v 命令查看版本信息,检测是否安装成功 报错信息 npm ERR! Error: EPERM: operation not permitted, mkdir \\\'E:node node_global node_modules\\\' 这个文件夹不允许操作 解决方案: 找到该文件夹,修改权限即可解决  

    2024年02月16日
    浏览(30)
  • npm i 安装的依赖项目,运行正常,换成pnpm i安装的依赖运行报错

    报错信息大概如下   Failed to compile with 15 errors 00:47:21 These dependencies were not found: * codemirror/addon/dialog/dialog.css in ./node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib!./node_

    2024年02月08日
    浏览(27)
  • 项目实战之安装依赖npm install

    前言:有些人看着还活着其实已经凉了好一会儿了。 初拿到项目 初拿到项目肯定是先看配置 package.json 的啦,看看都需要安装什么依赖,然后 npm install ,OK结束 皆大欢喜。 ———————————————————————————————————— 开玩笑的啦,公司的

    2024年02月06日
    浏览(22)
  • 记一次 vue npm 安装依赖报错解决

    2、问题分析 npm版本过高 3、问题解决 然后重新安装即可 前端面试题库 ( 面试必备)              推荐:★★★★★ 地址:前端面试题库

    2024年02月16日
    浏览(32)
  • npm install依赖冲突解决办法

    今天npm的时候发现报错,原来是依赖冲突了 npm后面加上这个指令就可以顺利的安装依赖了。问题主因就是不同开发用了不同版本node导致依赖版本不同,出现了成功冲突,这是段指令;它告诉npm忽略项目中引入的各个依赖模块之间依赖相同但版本不同的问题

    2024年02月09日
    浏览(22)
  • 安装依赖不成功(npm install)

    遇到无法解析依赖树的问题(依赖冲突) 执行 npm install --legacy-peer-deps 在package.json文件中,存在一个叫做peerDependencies(对等依赖关系)的对象,它包含了项目里需要的所有的包或则用户正在下载的版本号相同的所有的包,意思就是对等依赖关系指定我们的包与某个特定版本的

    2024年02月12日
    浏览(29)
  • npm install 包的时候,提示安装成功,但是项目中没有出现,node_modules也没有安装的包,package.json中也没有任何依赖包记录

    ——这种情况一般是包安装错了目录! 1. 查看npm的配置   2.查看全局下,是否有自己安装的包 找到返回的地址中是否有自己安装的包 3.修改npm配置信息 ,查看  图例1 ,global属性是否安装到全局,如果你的这里是true,那么,就算你安装一个包时,没有写-g,它也会自动将你

    2024年02月11日
    浏览(27)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包