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-09-09
  • vue3的api解读之ref和reactive示例详解

    vue3的api解读之ref和reactive示例详解

    这篇文章主要介绍了vue3的api解读之ref和reactive详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-05-05
  • vue如何使用笛卡尔积算法构建sku表格

    vue如何使用笛卡尔积算法构建sku表格

    这篇文章主要介绍了vue如何使用笛卡尔积算法构建sku表格问题,具有很好的价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • vue前端代码如何通过maven打成jar包运行

    vue前端代码如何通过maven打成jar包运行

    这篇文章主要介绍了vue前端代码如何通过maven打成jar包运行问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • Vue.config.js配置报错ValidationError: Invalid options object解决办法

    Vue.config.js配置报错ValidationError: Invalid options object解

    这篇文章主要给大家介绍了关于Vue.config.js配置报错ValidationError: Invalid options object的解决办法,主要由于vue.config.js配置文件错误导致的,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-02-02
  • 解决vue单页面应用进入页面加载所有 js 的问题

    解决vue单页面应用进入页面加载所有 js 的问题

    这篇文章主要介绍了解决vue单页面应用进入页面加载所有 js 的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • vue3项目中使用three.js的操作步骤

    vue3项目中使用three.js的操作步骤

    最近在学习Three.js相关的技术,恰逢Vue 3.0正式版也已推出,下面这篇文章主要给大家介绍了关于vue3项目中使用three.js的操作步骤,文中通过图文以及实例代码介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • 在vue项目中正确使用iconfont的方法

    在vue项目中正确使用iconfont的方法

    今天小编就为大家分享一篇在vue项目中正确使用iconfont的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • vue使用H5的audio标签问题

    vue使用H5的audio标签问题

    这篇文章主要介绍了vue使用H5的audio标签问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • Vue后台管理系统之实现分页功能示例

    Vue后台管理系统之实现分页功能示例

    本文主要介绍了Vue后台管理系统之实现分页功能,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-12-12

最新评论