npm踩坑问题实战记录

 更新时间:2022年03月11日 14:37:09   作者:Fahrenheitzz  
这篇文章主要给大家介绍了关于npm踩坑问题的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

悲催的我基本上问题都遇到了。。。。。。

一、npm安装依赖失败问题

问题描述:

错误信息: unbuild: sill gentlyRm target.inParent = false

后续会出现长时间停留

问题解决:删除整个node_modules,重新npm install

二、 npm lockfile报错

问题描述:

这个是因为版本问题导致的提示信息。

错误信息:

npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile

问题解决:

  1. 忽略它。这只是一个警告,所发生的npm只是向package-lock.json文件添加信息。
  2. npm在生产中降级到旧版本。考虑运行npm版本 6,npm i npm@6 -g 或者 npm -g install npm@6
  3. 如果已经安装了一个新版本的npm,要保留较新版本,使用旧版本运行一个npm命令,可以使用npx来执行。使用该-p标志来指定npm想要的版本。例如,即使安装了版本 7 ,运行npx -p npm@6 npm ci,也会使npm ci以npm版本 6运行。

三、npm ERR! code EPERM问题

问题描述:

这是因为在git bash here,vs code等第三方,不以管理员身份运行造成的问题,就根本来说git bash here是windows dos命令封装过的。但是cmd 以管理员身份运行就需要定位到相应文件夹操作(需要先进入相应盘,再进入相应文件,比较麻烦 ),但是从第三方进入就可以直接在相应文件夹下操作,这样也比较方便。

错误信息:

$ npm install
npm WARN tarball tarball data for typescript@3.0.3 (sha1-SFOz4nXs2qJ/eP2kbcJzp+t
/wcg=) seems to be corrupted. Trying one more time.
npm ERR! path E:\vue-typescript\node_modules\.staging\typescript-10ba8b53\lib\ty
pescriptServices.js
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall unlink
npm ERR! Error: EPERM: operation not permitted, unlink 'E:\vue-typescript\node_m
odules\.staging\typescript-10ba8b53\lib\typescriptServices.js'
npm ERR!  { Error: EPERM: operation not permitted, unlink 'E:\vue-typescript\nod
e_modules\.staging\typescript-10ba8b53\lib\typescriptServices.js'
npm ERR!   cause:
npm ERR!    { Error: EPERM: operation not permitted, unlink 'E:\vue-typescript\n
ode_modules\.staging\typescript-10ba8b53\lib\typescriptServices.js'
npm ERR!      errno: -4048,
npm ERR!      code: 'EPERM',
npm ERR!      syscall: 'unlink',
npm ERR!      path: 'E:\\vue-typescript\\node_modules\\.staging\\typescript-10ba
8b53\\lib\\typescriptServices.js' },
npm ERR!   stack: 'Error: EPERM: operation not permitted, unlink \'E:\\vue-types
cript\\node_modules\\.staging\\typescript-10ba8b53\\lib\\typescriptServices.js\'
',
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'unlink',
npm ERR!   path: 'E:\\vue-typescript\\node_modules\\.staging\\typescript-10ba8b5
3\\lib\\typescriptServices.js',
npm ERR!   parent: 'hello-world' }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or ant
ivirus),
npm ERR! or that you lack permissions to access it.
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check t
he
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator (though this is not recommended
).

问题解决:

需要删除.npmrc文件

强调:不是nodejs安装目录npm模块下的那个npmrc文件

而是在C:\Users\{账户}\下的.npmrc文件

eg: 我的是C:\Users\zhuzhu,下面有一个.npmrc

四、 npm ERR! code EEXIST(文件已存在,拒绝删除)

问题描述:

npm ERR! code EEXIST

npm ERR! File exists: E:\software\node.js\node_global\vue
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

如提示,加入–force强制执行

问题解决:

  1. 清理缓存
    npm cache clean --force 或者清理node_cache缓存
  2. 重新执行全局安装或者强制执行
    npm install @vue/cli -g或者npm install -g @vue/cli --force

补充:通过npm命令来删除node_modules文件夹

首先通过npm安装删除工具

npm install rimraf -g

安装淘宝镜像后可以使用

cnpm install rimraf -g   命令行语句,速度会更快

在使用删除命令

rimraf node_modules

这个删除本项目的node_modules文件可以试试

删除整个项目的直接找到安装目录,把他移到回收站

总结

到此这篇关于npm踩坑问题的文章就介绍到这了,更多相关npm踩坑问题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue中添加音频和视频的示例详解

    vue中添加音频和视频的示例详解

    这篇文章主要为大家详细介绍了如何vue中添加音频和视频的相关知识,文中的示例代码简洁易懂,具有一定的学习价值,感兴趣的小伙伴可以了解下
    2023-08-08
  • vue 页面刷新、重置、更新页面所有数据的示例代码

    vue 页面刷新、重置、更新页面所有数据的示例代码

    Vue.js提供了多种方式来实现页面刷新、重置和更新页面所有数据的功能,下面通过示例代码演示vue 页面刷新、重置、更新页面所有数据,感兴趣的朋友跟随小编一起看看吧
    2024-01-01
  • vue3+pinia的快速入门使用教程

    vue3+pinia的快速入门使用教程

    Pinia是Vue的一个存储库,它允许你跨组件/页面共享状态,下面这篇文章主要给大家介绍了关于vue3+pinia的快速入门使用,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • vue下axios拦截器token刷新机制的实例代码

    vue下axios拦截器token刷新机制的实例代码

    这篇文章主要介绍了vue下axios拦截器token刷新机制的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • vue+Ant Design进度条滑块与input联动效果实现

    vue+Ant Design进度条滑块与input联动效果实现

    最近接到这样一个需求滑块进度与输入框为一致,默认值为80,最小不能小于30,最大为100,怎么实现这个联动效果呢,下面小编给大家分享下基于vue+Ant Design进度条滑块与input联动效果的实现,感兴趣的朋友跟随小编一起看看吧
    2022-12-12
  • Vue项目使用px2rem方法示例详解

    Vue项目使用px2rem方法示例详解

    这篇文章主要为大家介绍了Vue项目使用px2rem的方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • vue3中如何使用d3.js绘制流程图(TS语法)

    vue3中如何使用d3.js绘制流程图(TS语法)

    这篇文章主要给大家介绍了关于vue3中如何使用d3.js绘制流程图的相关资料,D3.js是由javaScript语言编写绘图库,其原理是通过调用一系列内置函数,生成SVG,并在网页渲染,需要的朋友可以参考下
    2023-10-10
  • vue 实现走马灯效果

    vue 实现走马灯效果

    这篇文章主要介绍了vue 实现走马灯效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • Vue使用canvas实现图片压缩上传

    Vue使用canvas实现图片压缩上传

    这篇文章主要为大家详细介绍了Vue使用canvas实现图片压缩上传,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • vue-meta实现router动态设置meta标签的方法

    vue-meta实现router动态设置meta标签的方法

    这篇文章主要介绍了vue-meta实现router动态设置meta标签,实现思路非常简单内容包括mata标签的特点和mata标签共有两个属性,分别是http-equiv属性和name属性,本文通过实例代码给大家详细讲解需要的朋友可以参考下
    2022-11-11

最新评论