为什么安装这个轮播swiper插件以后就报错了呢

为什么安装这个轮播swiper插件以后就报错了呢

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
好帮手慕言 2020-09-08 19:08:31

同学你好,package-lock.json 是在 npm install时候生成一份文件,用来记录当前状态下实际安装的各个npm package的具体来源和版本号,如果执行了 npm install之后,还是没有自动生成,那么应该是npm版本低的问题。输入 npm -v可以查看npm版本号。自动生成package-lock.json是在npm5.0版本之后才有的。不过没有关系,package-lock.json这个文件我们在项目中是用不到,没有也没关系哦。如果想要自动生成,可以升级一下npm版本,示例:npm -g install npm@5.6.0(版本号并不是非要按照老师给出的例子来 ,只要是5.0之后的就行哦)


同学可以使用npm run start测试下,看是否能运行项目,如果还是不可以,建议把package.json文件中的代码粘贴上来,祝学习愉快~

提问者 小杨同学呀 2020-09-08 18:33:20

http://img1.sycdn.imooc.com//climg/5f575de80950f1e507700494.jpg

还是有问题

好帮手慕言 2020-09-08 13:47:53

同学你好,安装淘宝镜像之后,使用npm 或者 cnpm都是可以的。祝学习愉快~

  • 提问者 小杨同学呀 #1
    我没有package-lock.json文件
    2020-09-08 18:34:22
好帮手慕言 2020-09-08 10:40:13

同学你好,解答如下:

1、查看下package.json文件中,是否有下方代码

http://img1.sycdn.imooc.com//climg/5f56eda909cac58004460041.jpg

如果有的话,那么:删除项目中的node_modules文件和package-lock.json文件,重新安装依赖(cnpm i),依赖安装完成之后,运行项目(npm run dev)

2、package.json文件中,没有下方代码

http://img1.sycdn.imooc.com//climg/5f56ee1709c83fa604220033.jpg

那么:删除项目中的node_modules文件和package-lock.json文件,重新安装依赖(cnpm i),依赖安装完成之后,再运行

cnpm i vue-awesome-swiper@2.6.7 --save

安装之后,package.json文件中,会有上述代码,之后再运行项目(npm run dev)。

按照上方操作之后,如果还是和上方报错一致,可以多运行几次上述步骤

祝学习愉快~

  • 提问者 小杨同学呀 #1
    有个问题是不是 我之前安装过淘宝镜像 是不是所有用到npm的都要cnpm去代替
    2020-09-08 13:06:28
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师