vue 环境搭建之坑----package-lock.json

按网上安装了node 环境并配置好了环境变量 然后安装了vue 和vue-cli 

这个时候开始创建vue-ex 项目 如图

 

发现没创建成功 npm run dev 更不好用了

一顿度娘寻求答案  最终发现 是package-lock.json 引起的问题

究其原因：原文转载 https://blog.youkuaiyun.com/shang_gege/article/details/80276910

package-lock.json是当 node_modules 或 package.json 发生变化时自动生成的文件。这个文件主要功能是确定当前安装的包的依赖，以便后续重新安装的时候生成相同的依赖，而忽略项目开发过程中有些依赖已经发生的更新。

查阅资料得知，自npm 5.0版本发布以来，npm i的规则发生了三次变化。**

1、npm 5.0.x 版本，不管package.json怎么变，npm i 时都会根据lock文件下载

package-lock.json file not updated after package.json file is changed · Issue #16866 · npm/npm

这个 issue 控诉了这个问题，明明手动改了package.json，为啥不给我升级包！然后就导致了5.1.0的问题...

2、5.1.0版本后 npm install 会无视lock文件 去下载最新的npm

然后有人提了这个issue why is package-lock being ignored? · Issue #17979 · npm/npm

控诉这个问题，最后演变成5.4.2版本后的规则。

3、5.4.2版本后 why is package-lock being ignored? · Issue #17979 · npm/npm

大致意思是，如果改了package.json，且package.json和lock文件不同，那么执行`npm i`时npm会根据package中的版本号以及语义含义去下载最新的包，并更新至lock。

如果两者是同一状态，那么执行`npm i `都会根据lock下载，不会理会package实际包的版本是否有新。

 

解决方案：在你的项目目录中 npm install nmp@6.4.1   如下图    6.4.1 是你电脑安装的npm 的版本号

以上梳理完 这个时候 运行项目  npm run vue-ex

浏览器  http://localhost:8080  成功启动项目

 

npm 爬坑过程记录，学无止境  与君共勉！