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打包失败排查内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 关于axios配置多个请求地址(打包后可通过配置文件修改)

    关于axios配置多个请求地址(打包后可通过配置文件修改)

    这篇文章主要介绍了关于axios配置多个请求地址(打包后可通过配置文件修改),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • Vue进行数据可视化图表展示的实现示例

    Vue进行数据可视化图表展示的实现示例

    数据可视化是现代化的数据分析和展示方式,可以使数据更加直观、易于理解和传达,Vue作为一款流行的前端框架,提供了丰富的插件和工具来实现数据可视化图表展示,本文将介绍如何使用Vue和Echarts/D3.js来实现数据可视化图表展示,并提供示例代码和实际应用场景
    2023-10-10
  • Vue3+vuedraggable实现动态配置页面

    Vue3+vuedraggable实现动态配置页面

    这篇文章主要为大家详细介绍了Vue3如何利用vuedraggable实现动态配置页面,文中的示例代码讲解详细,具有一定的借鉴价值,需要的可以参考一下
    2023-12-12
  • Vue状态管理之使用Pinia代替Vuex

    Vue状态管理之使用Pinia代替Vuex

    这篇文章主要介绍了Vue状态管理。下面文章主要围绕着使用Pinia代替Vuex的相关资料展开具体内容,需要的朋友可以参考一下,希望对你有所帮助
    2021-11-11
  • 详解vue中使用微信jssdk

    详解vue中使用微信jssdk

    这篇文章主要介绍了vue中使用微信jssdk,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • vue纯前端使用exceljs导出excel文件方式

    vue纯前端使用exceljs导出excel文件方式

    本文介绍了如何使用excel.js插件和Vue实现纯前端Excel文件导出,并详细步骤包括安装插件、创建工作簿和工作表、定义列数据、设置样式、行级操作、遍历行和单元格、插入图片和超链接
    2024-11-11
  • 关于Vue-extend和VueComponent问题小结

    关于Vue-extend和VueComponent问题小结

    这篇文章主要介绍了Vue-extend和VueComponent问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-08-08
  • 详解vue3中如何使用shaka-player

    详解vue3中如何使用shaka-player

    这篇文章主要为大家介绍了vue3中如何使用shaka-player示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Vue+Element树形表格实现拖拽排序示例

    Vue+Element树形表格实现拖拽排序示例

    本文主要介绍了Vue+Element树形表格实现拖拽排序示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • vue过滤器用法实例分析

    vue过滤器用法实例分析

    这篇文章主要介绍了vue过滤器用法,结合实例形式总结分析了vue.js常见过滤器相关使用技巧与操作注意事项,需要的朋友可以参考下
    2019-03-03

最新评论