首页 前端知识 npm install安装总攻略

npm install安装总攻略

2024-05-20 15:05:39 前端知识 前端哥 91 185 我要收藏

先讲一下为什么需要装npm。众所周知,JavaScript功能强大,因为有众多外部库。初次把远程仓库同步到本地后,得到的工程文件是没有node_modules文件夹的,也就是没有依赖库的。这时候,需要用npm安装在线安装指定版本的依赖库(版本见package.json文件)。

这里分三步走。讲完五个步骤,再讨论常见的报错。

第一部分 安装五部曲

第一步,安装node.js

下载链接Index of /download/release/

选择最新版本安装

WIN+R,输入cmd, 进入控制台。键入node, 回车,键入npm,回车,查看是否安装成功。

第二步,删除本地项目文件package-lock.json以及node_modules文件夹

(如果存在就删除,不存在跳过)

第三步,清除npm缓存
npm cache clean --force
第四步,npm install
npm install --legacy-peer-deps
第五步,npm start,运行项目
npm start

第二部分 常见报错及解决

1.unable to solve dependency tree

报错信息提示用--force或--legacy-peer-deps命令

 

所以解决方案就是,把npm install改为npm --legacy-peer-deps

 2. 安装时卡顿太久

多久算久?3分钟以内解决的,就不算久。

原因:网速受限。

解决:

方法1简单粗暴,用代理服务器。

方法2就是用镜像源

国内有阿里、npm、华为等镜像源。我这里贴上我用的镜像源。

配置方法:打开C:/user/XXX(用户文件夹)/.npmrc文件,记事本打开,把下面的内容直接贴上去

electron_mirror="http://cdn.npmmirror.com/binaries/electron/"
electron_use_remote_checksums=1
force_no_cache=true
registry="http://registry.npm.taobao.org"
3. 显示Checksum文件校验失败

这里网上给出的解决方案是,1. 删除package-lock.json,2.删除node_modules文件夹;3. npm cache clean --force,4. 清空C:/User/xxx(用户名)/.electron文件夹。

本人遇到的情况是,安装electron时checksum校验失败,且解析得到的都是乱码。用网上的方案没能解决。最后发现GitHub上已经没有2.0.18版本的electron,改用了还在维护的版本,终于安装成功。

安装成功后再从同事那里拷贝了2.0.18版本的electron文件,替换了装好的文件,运行正常。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8995.html
标签
electron
评论
会员中心 联系我 留言建议 回顶部
复制成功!