使用npm踩过的坑

最新推荐文章于 2023-05-06 15:14:09 发布
最新推荐文章于 2023-05-06 15:14:09 发布
阅读量571 收藏 1
点赞数
分类专栏： 工作相关 Vue web前端开发技术 文章标签： javascript vue.js html html5 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llq886/article/details/103785192
版权
项目使用Vue.js框架，遇到npm安装公司内部库app-mobile-api的问题。由于网络限制，npm install失败。尝试手动放入node_modules导致编译错误。对比发现npm顺序下载并缺乏缓存，而yarn异步下载并有缓存。最终通过yarn成功安装，建议遇到类似问题时考虑使用yarn。
摘要由CSDN通过智能技术生成

项目背景：

  • 项目使用的是前端框架是Vue , 使用Vue-cli搭建。
  • web移动网页，嵌入原生APP访问。
  • 项目中用到一些与原生APP交互的通用的api方法，为了便于维护及场景通用，抽取了一个npm依赖包app-mobile-api。通过地址访问法添加到package.json中：
    package.json文件
    由于app-mobile-api组件放在公司代码仓库，只允许公司内网访问，所以在外网环境时执行 npm install 无法像vue 、vuex一样正常下载。

尝试流程：
先下载 app-mobile-api 以外的其他包，下载完成后切换网络环境到公司内网，执行npm install , 进程卡住不动…一段时间后报超时。。。
于是直接把 app-mobile-api 包（.zip包）下载下来，解压后放到node_modules中，结果又报以下的错误：
~This dependency was not found~
在这里插入图片描述
然而 ~ app-mobile-api 包确实已经加入到 nodu_modules 中，且通过代码提示可以看到依赖生效，可是编译不通过。。。在网上找了许多资料，没有找到可行的办法。

无意间看到了npm和yarn的比较&#

最低0.47元/天 解锁文章
SZ_FED
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
npm遇到的各种坑（errno）及解决办法
Yanfengting的博客
03-18 3万+
其实我觉得下载途中报任何错都可以，去把全局安装的模块包卸了重装一下，如果还有问题就再去看怎么解决 npm config set registr...
npm的那些坑
u012659600的博客
07-17 217
解决：Error: EACCES: permission denied, mkdir，在install命令后添加红色部分命令 sudo npm install --unsafe-perm
npm踩坑记录
呵呵到天亮的博客
01-09 373
记录使用npm过程中遇到的问题，免得再遇到时还到处搜索 配置npm转到淘宝镜像 安装npm后，默认是使用国外镜像的，所以不翻墙速度简直龟速，使用淘宝镜像就比较快了，切换方法如下： npm config set registry https://registry.npm.taobao.org/ 且回原来是： npm config set registry https://registry.npm...
node npm坑
weixin_46044420的博客
07-14 123
1.Error: EPERM: operation not permitted, unlink operation not permitted:操作不允许 1.排除是否有权限问题，用以管理员身份运行试试。 2.清除npm缓存 npm cache clean --force 3.最后运行npm install 原文地址:https://www.jianshu.com/p/be1afcd8d672 2 node-sass@4.9.2 postinstall:node scripts/build.j.
NPM踩坑全集！
星海拾遗
03-03 846
发布npm包时遇到的一些坑 我感觉发布过程中的坑让我踩的差不多了...在这里记录一下 基本流程 先简单记录一下发布流程 初始化包 npm init 登录npm npm login 发布包 npm publish 问题 接下来就是遇到的问题了，每个问题都包含报错信息，请善用ctrl + f搜索，下文报错中涉及到自己包名的我都替换为了your-pac...
微信小程序v2.21.3 npm安装vantapp踩过的坑
yuiyake的博客
01-06 1165
第一个坑，不要跑安装官方文档上的npm命令。要先把npm初始化，再安装命令。小程序文档和vant文档的引导都不是特别友好，翻译过来实操是这样的： npm init -y npm i @vant/weapp -S --production 在初始化的时候可能会遇到一个坑，留意一下自己的终端路径在哪。路径是和project.config.json在同一级。初始化成功的话，将会在同级目录下看到package.json文件 然后直接跑第二条命令。在第二条npm命令的时候可能也会出一个错： vue npm .
小程序开发笔记：安装 Node.js，使用 npm 引入 Vant Weapp（Vant UI）组件
01-03
刚开始入门小程序开发，踩过不少坑，稍微总结一下。 Vant UI 是轻量、可靠的小程序 UI 组件库，可以方便我们快速制作出美观的小程序界面。 Vent Weapp 官方网站链接在此 1、下载 Node.js 我是使用 npm 命令来引入这...
微信小程序使用npm支持踩坑
01-03
最近写了个CNode 社区的微信小程序版本，把在微信小程序中使用npm包，踩的坑记录一下，希望能给遇到类似问题的小伙伴，提供一些思路和方向。 npm 支持 从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300...
使用Vue踩过的坑
qq_39706019的博客
08-08 569
本文参考自: 原文地址 腾讯云校园优惠再度来袭cloud.tencent.com  如何解决在vue中替换图片、一个使用base64，而我们使用zepto之后，src找不到资源，因为已经打包了，难道强行写base64。 1. 引入文件时语法很重要！ import "FooterMenu" from '@components/Menu'; import FooterMenu ...
npm踩坑记
lollipop94的博客
01-05 335
使用npm出现的一些问题
node link 踩坑记录
weixin_34238633的博客
11-27 743
问题说明：使用npm link 之后。依然无法在其他地方使用 背景描述：想在本地开发一款cli 工具，使用npm link 之后，一直无法在本地执行，都显示 command not found. 一直认为自己使用的方式错了，写了个简单的helloworld 也无法在本地执行。 npm prefix -g Print the local...
npm 中的前端打包有哪些痛点？
yueqian_edu的博客
01-25 716
　　我们已经知道前端资产和依赖管理是 npm 的一个巨大用例，也是 Node.js 采用的主要驱动力。 但究竟有多大? 这是一个很难回答的问题。 npm 上下载最多的包列表并不是很有帮助：像 async、minimist 和 request 这样的包是依赖于成千上万个其他包的基本包，所以它们当然会一直安装和下载 作为这些软件包安装的一部分。 　　那么，说到前端包，摩擦在哪里? 　　前端痛点 　　1. node_modules 没有按照前端包需要的方式排列 　　这是一个非常明显的问题。 node_mo
前端开发环境搭建踩坑笔记——npm install node-sass安装失败的解决方案
最新发布
zzcoder的博客
05-06 4万+
查看本地node版本node -v# 安装node-sassnpm install node-sass@[本地node所对应的node-sass版本] --registry=https://registry.npmmirror.com --sass_binary_site=https://www.npmmirror.com/mirrors/node-sass/通过下表查看版本对应关系，也可访问node-sass github仓库或者node-sass npm仓库进行查看。欢迎批评指正。
Vue安装教程（详细版）脚手架
weixin_43942739的博客
08-01 346
设置npm淘宝镜像 避免下载缓慢 这里是设置为持久使用 npm config set registry “’https://registry.npm.taobao.org‘” 配置后可通过下面方式来验证是否成功(PS:这里可能会设置失败，用下面指令查看会出现undefined，建议重新打开cmd命令行在试试) npm config get registry npm config get register npm info express 第一步（仅第一次执行）：全局安装@vue/cli npm i
npm踩坑问题总结
从事厨房信息化行业，万能对接所有点餐系统，kds，智能控菜，酒店协调软件
09-22 3258
但是cmd 以管理员身份运行就需要定位到相应文件夹操作（需要先进入相应盘，再进入相应文件，比较麻烦 ），但是从第三方进入就可以直接在相应文件夹下操作，这样也比较方便。如果已经安装了一个新版本的npm，要保留较新版本，使用旧版本运行一个npm命令，可以使用npx来执行。例如，即使安装了版本 7 ，运行npx -p npm@6 npm ci，也会使npm ci以npm版本 6运行。npm在生产中降级到旧版本。考虑运行npm版本 6，npm i npm@6 -g 或者 npm -g install npm@6。
npm install 安装失败常见问题解决办法
定格空间
11-07 9479
在运行cnpm install 中，你可以会遇到cnpm : 无法加载文件 C:\Users\57883\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本的错误。ps：不只是cnpm命令，包括pnpm、yarn等这些命令，如果执行时，报这样的错误，都可以通过此方法解决。前提是，如果是用npm命令来安装这些CLI命令工具，必须安装到全局环境中，才能生效。安装完之后可以通过cnpm -v 检验是否安装成功。通过查阅资料，发现可以通过安装淘宝镜像解决此问题。
npm难以安装包的解决方法
黑坑的专栏
02-17 1万+
1、关闭npm的https npm config set strict-ssl false 2、设置npm的获取地址 npm config set registry “http://registry.npmjs.org/” 这样设置，用npm安装包就会快好多。 3、想要更快装得更完全些，可以安装淘宝的cnpm. npm install -g cnpm 如果装不上，可以加上参
npm、cnpm坑
Sukla的博客
05-19 3359
1、使用 npm install 发现好慢2、ctrl +c 停了，换 cnpm install 很快就完成了3、cnpm start 报错起不来4、删除 node_modules5、npm install 等了半天完成6、npm start 可以启动了7、待续。。...
npm install 过慢
03-25
您好，针对 npm install 过慢的问题，可以尝试以下方法： 1. 切换镜像源 npm 安装依赖的速度可能受到网络限制，如果您所在的地区网络环境较差，可以尝试通过切换镜像源加快安装速度，比如使用淘宝镜像。使用以下命令切换镜像源： npm config set registry https://registry.npm.taobao.org 2. 使用加速工具 您也可以尝试使用相关的加速工具，例如 cnpm、yarn 等，这些工具可以加速 npm 安装依赖的速度。使用以下命令安装 cnpm： npm install -g cnpm --registry=https://registry.npm.taobao.org 3. 升级 npm 版本 如果您一直使用较旧的 npm 版本，可以尝试升级到最新版本，这有助于优化安装速度并修复一些已知的问题。使用以下命令升级 npm： npm install -g npm 希望以上方法可以帮助您解决 npm install 过慢的问题。如果还有其他问题，请随时联系我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值