安装npm install vue的时候会生成package-lock.json怎么解决

Posted 2023-04-11

1、删除package-lock.json,重新npm install，node_modules中出现了stylus文件夹了，然而还是报错。

2、在终端直接运行 sudo npm install stylus-loader stylus --save-dev 结果就编译成功了、

补充：

1、这个package-lock.json 是npm 5 做的一个优化，加快了npm 下载的速度。条件就是将依赖的详细信息，包括版本，下载地址等，都写在了里面。然后想要更新版本的话，就不能够去通过修改package 里面的版本依赖来实现了，只能通过npm install packageName@version 来实现。

背景如下：

1、npm目前升级到了5.0.3
npm install的时候目录会多一个package-lock.json这个文件
此时我在package.json的devDependencies中添加了

2、"stylus": "^0.54.5","stylus-loader": "^3.0.1"

3、然后在终端重新运行npm install的时候，项目中的node_modules并没有出现stylus文件夹
查了下资料说是新版本的坑

背景如下：
1、npm目前升级到了5.0.3
npm install的时候目录会多一个package-lock.json这个文件
此时我在package.json的devDependencies中添加了

2、"stylus": "^0.54.5","stylus-loader": "^3.0.1"

3、然后在终端重新运行npm install的时候，项目中的node_modules并没有出现stylus文件夹是新版本的坑。

参考技术A node 升级的5.x的改动，不用理会，如果要升级vue请npm install vue@version 参考技术B 在程序目录执行 npm init 安装提示回答问题，直接回车也行，完成后会自动生成package.json文件本回答被提问者采纳

npm install含义

1. 全局安装vue-cli，使用命令npm install -g vue-cli。
2. 下载模板代码，使用命令vue init webpack my-project，之后会有一些询问，按需填写即可。
3. 最后会看到生成了一个叫my-project的文件夹，里面就是vue-cli脚手架搭建出来的目录。
4. 这时要进入my-project，然后使用命令npm install去安装package.json里配置的各种东西。
5. 最后使用命令npm run dev启动热加载，就会去自动化执行package.json里的 
   “scripts”: { 
   “dev”: “node build/dev-server.js”, 
   “build”: “node build/build.js”, 
   “test”: “” 
   }
6. 在安装vue项目时最后启动时提示错误"ERROR in multi app Module not found: Error: Cannot resolve module ‘babel‘,这时可以安装这个"npm install babel-loader --save