一次npm配置安装的经历

发布人：群分享热度：4790 2020-03-26

这几天安装商城3.0，其中用到了npm，我知道他是一个依赖包的管理工具，通过他就能下载很多项目中的依赖。非常方便还有很多的依赖库可以使用。
还有node.js 这个我是windows版本，直接从官网下载，重新安装一下就行了。我看到有从npm里面用n命令管理的，但是那是在linux系统中，我还是先不涉及这个。等用到再说。
我是看的视频来操作的，当我从cmd 命令行进入我的前端h5目录后，直接执行了npm的安装，此时在h5目录下面就多了node_modules文件夹，里面就是以后放置下载的依赖包的。

命令：安装版本

npm install npm@latest -g
查看npm版本

npm -v

npm安装依赖

npm install
强制删除缓存

npm cache clean --force

我按照他们的说明，进行npm install 结果一大堆错误主要是超时什么的，后来我百度了下，要把下载的地址调整为国内的镜像地址，所以，修改npm配置为阿里云的,从阿里云下载

npm install -g cnpm --registry=https://registry.npm.taobao.org

虽然也有个别提示和提醒，但是还是装上了，也到了版本，运行项目的时候，碰到了一下错误

D:phpstudyWWWcrmebnew.demo.comh5>npm run serve

> h5@0.1.0 serve D:phpstudyWWWcrmebnew.demo.comh5

> vue-cli-service serve

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序

或批处理文件。

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! h5@0.1.0 serve: `vue-cli-service serve`

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the h5@0.1.0 serve script.

npm ERR! This is probably not a problem with npm. There is likely additional log

ging output above.

npm WARN Local package.json exists, but node_modules missing, did you mean to in

stall?

npm ERR! A complete log of this run can be found in:

npm ERR! C:UsersAdministratorAppDataRoamingnpm-cache_logs2020-03-26T0

2_45_48_934Z-debug.log

网上百度，各种说法，众说纷纭，有的说是没安装vue造成的，

有的说是

npm ERR! code ELIFECYCLE

解决：原因是因为你的node_modules有意外改动，导致依赖库不完整。

删除项目下的node_modules，在你的项目目录下，重新执行npm install，这会重新生成node_modules，

执行npm run build ,

npm run dev.

这个都没有解决我的问题。我重新安装了好几遍；
也把vue给安装了，vue这个地方安装的时候要注意3.x以前的名称vue-cli 但是从3.0以上改为了vue/cli 所以名字不一样，造成了版本更新的时候，如果写错了，是根本不会升级成功的。正确的是卸载旧版本，再安装新版本。查看自己的版本用vue -v 即可

卸载旧版本：npm uninstall vue-cli -g
安装新版本：npm install -g @vue/cli 看到了吗，名字变成不一样的了，我更新之后，版本变成@vue/cli@4.2.3 的了。

再安装的过程中，mkdirp 也提示问题，这个是循环建立文件夹的，所以，我也把这个更新了一下；npm install -g mkdirp

温馨提醒：本平台收录大量真实微信群，每日均有新群加入，请广大会员及时关注加群，以免群二维码过期。
免责声明：本平台只提供信息发布及存储服务，不对信息做担保。若发现虚假信息请投诉删除！