npm打包失败排查的全过程

 更新时间:2022年11月16日 11:57:36   作者:我说什么你都别信  
使用npm报了很多错,做的事情就是把错误复制到百度上去搜索,看看哪个解决方案有效,下面这篇文章主要给大家介绍了关于npm打包失败排查的全过程,需要的朋友可以参考下

gitlab上的ci打包失败,报错权限不足

行吧,那我手动用root看看是否能打包成功

还是打包失败,报错

sh: 1: vue-cli-service: not found

没有找到node_modules下的vue-cli-service

使用find命令查找项目目录 发现并没有找到这个命令生产,难道是安装依赖的时候,没有成功吗?

我发现,项目目录下,并没有像往常一样生成一个node_modules目录。难道是把依赖安装到全局了吗?

1.查看是否安装有全局依赖

##查看全局下,是否有自己安装的包
npm root -g
 
/data/opt/node-v14.17.6-linux-x64/lib/node_modules

显示有全局依赖路径

2.查看npm配置信息

## 查看npm配置
npm config list
 
; "user" config from /root/.npmrc
 
registry = "https://registry.npm.taobao.org/"
 
; node bin location = /data/opt/node-v14.17.6-linux-x64/bin/node
; node version = v14.17.6
; npm local prefix = /home/gitlab-runner/builds/abs-d
; npm version = 8.12.2
; cwd = /home/gitlab-runner/builds/abs-d
; HOME = /root
; Run `npm config ls -l` to show all defaults.

 global = false,意思局部安装,如果全局的话为true

3.修改配置信息,不知道为什么我这里设置局部失败,,,不管了

npm config set global false  ## 设置全局为false
 
npm config list
 
; "user" config from /root/.npmrc
 
false = ""
global = true
registry = "https://registry.npm.taobao.org/"
 
; node bin location = /data/opt/node-v14.17.6-linux-x64/bin/node
; node version = v14.17.6
; npm local prefix = /home/gitlab-runner/builds/abs-d
; npm version = 8.12.2
; cwd = /home/gitlab-runner/builds/abs-d
; HOME = /root
; Run `npm config ls -l` to show all defaults.

4.重新npm install 安装依赖

npm install --global npm
 
changed 14 packages in 2s
 
11 packages are looking for funding
  run `npm fund` for details

没有报错,但是依旧是没有node_module目录

项目目录下生成了一个 package-lock.json 文件,将文件删除再进行强制清除缓存

rm -f  package-lock.json
 
npm cache clean --force
npm WARN using --force Recommended protections disabled.

清除缓存的时候又报错了...行吧兵来将挡吧。

网上的说法是:因为npm版本太高而导致。指定npm版本安装

npm install npm@6.14.10 -g
 
removed 63 packages, and changed 97 packages in 5s
 
3 packages are looking for funding
  run `npm fund` for details

再确定删除package-lock.json下强制清除缓存

npm cache clean --force
npm WARN using --force I sure hope you know what you are doing.

得了 没有报错了,npm install试试

npm install
npm WARN lifecycle vue-demi@0.13.1~postinstall: cannot run in wd vue-demi@0.13.1 node ./scripts/postinstall.js (wd=/home/gitlab-runner/builds/aas-d/node_modules/vue-demi)
npm WARN lifecycle core-js@3.23.1~postinstall: cannot run in wd core-js@3.23.1 node -e "try{require('./postinstall')}catch(e){}" (wd=/home/gitlab-runner/builds/aas-d/node_modules/core-js)
+ aas-b@0.1.0
added 205 packages from 139 contributors and updated 1 package in 33.812s
 
 
   ╭────────────────────────────────────────────────────────────────╮
   │                                                                │
   │     New major version of npm available! 6.14.10 -> 8.12.2      │
   │   Changelog: https://github.com/npm/cli/releases/tag/v8.12.2   │
   │               Run npm install -g npm to update!                │
   │                                                                │
   ╰────────────────────────────────────────────────────────────────╯
 

行了终于有node_module目录了

总结

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

相关文章

  • vue项目如何解决数字计算精度问题

    vue项目如何解决数字计算精度问题

    这篇文章主要介绍了vue项目如何解决数字计算精度问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • Vue项目中引入外部文件的方法(css、js、less)

    Vue项目中引入外部文件的方法(css、js、less)

    本篇文章主要介绍了Vue项目中引入外部文件的方法(css、js、less),非常具有实用价值,需要的朋友可以参考下
    2017-07-07
  • vue-cli项目配置多环境的详细操作过程

    vue-cli项目配置多环境的详细操作过程

    vue-cli 默认只提供了 dev 和 prod 两种环境。这篇文章主要介绍了vue-cli项目配置多环境的详细操作过程,需要的朋友可以参考下
    2018-10-10
  • Vue项目中使用Vux的安装过程

    Vue项目中使用Vux的安装过程

    这篇文章主要介绍了Vue项目中使用Vux的安装过程,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-05-05
  • vue 全局引用公共的组件以及公共的JS文件问题

    vue 全局引用公共的组件以及公共的JS文件问题

    这篇文章主要介绍了vue 全局引用公共的组件以及公共的JS文件问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • vue3实现动态添加路由

    vue3实现动态添加路由

    这篇文章主要介绍了vue3实现动态添加路由方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-04-04
  • uni-app在线预览pdf文件的方法教程

    uni-app在线预览pdf文件的方法教程

    这篇文章主要介绍了uni-app在线预览pdf文件的相关资料,本文主要介绍了如何在Vue项目中使用PDF.js插件进行PDF文件的预览,包括插件的下载、版本兼容问题的处理,以及在static文件夹下新建pdf文件夹存放解压文件,需要的朋友可以参考下
    2024-10-10
  • vue+elementui(对话框中form表单的reset问题)

    vue+elementui(对话框中form表单的reset问题)

    这篇文章主要介绍了vue+elementui(对话框中form表单的reset问题),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-05-05
  • vue渲染时闪烁{{}}的问题及解决方法

    vue渲染时闪烁{{}}的问题及解决方法

    v-if和v-show可能是日常开发中最常用的两个指令,虽然看上去两者功能是类似的,但是两者还是存在很大区别的。接下来通过本文给大家分享vue渲染时闪烁{{}}的问题及解决方法,感兴趣的朋友一起看看吧
    2018-03-03
  • Vue中使用 Aplayer 和 Metingjs 添加音乐插件的方式

    Vue中使用 Aplayer 和 Metingjs 添加音乐插件的方式

    这篇文章主要介绍了Vue中使用 Aplayer 和 Metingjs 添加音乐插件,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-08-08

最新评论