运行demo失败

运行demo失败

下载了detail页面的demo,运行了cnpm install安装所有依赖后,执行npm run dev,但是报错,说vue-style-loader!css-loader这些组件找不到,错误提示: ERROR  Failed to compile with 6 errors  ,These dependencies were not found:   难道都要一个一个分别安装吗? cnpm install不是把所有依赖都安装了吗?  谢谢!

正在回答

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

3回答

同学你好,这边测试下了源码,确实有这种情况,安装一下px2rem-loader插件就可以,如下:

cnpm  install  -D  px2rem-loader

安装试一下,祝学习愉快!

  • 真是醉了,一周前别人反应了的问题,等到我来学还有!源码检都不检查就上传,这种事干了多少了?!还反馈了都不改!!从下午5点到现在,8,9个小时了!连npm run dev都没整出来,还跟着敲,敲啥呀敲,脑袋都敲破了,脑细胞都敲成浆糊了!看问答区,别人问demo怎么打不开,老师说npm install,install个球啊!害死人!1,每个demo都去install!浪费了大量时间!2,还把上一章跟着老师做的所有练习都整没了!里面都有很多注释的笔记!!!3,本来这章跟着老师还能把网页上把home页面整出来,现在home页面也报错,上一章的vue默认的带走vue大logo的页面也报错!4,关键npm install下来的东西跟金山软件样,删不干净!怎么删都删不干净!
    2019-07-28 02:03:59
  • 同学你好! 上面回复同学了哦,同学可以看下~
    2019-07-28 13:33:13
好帮手慕码 2019-07-30 10:20:35

 同学你好!
我们的老师给大家的回复都是经过测试才会给出答案的,不会乱猜的,之前的老师给你的回复,也是测试了源码,因为电脑环境有可能会存在一些差异,所以老师说的是建议安装一下px2rem-loader插件,因为老师测试的就是出现这个错误,如果按照这个方式不行,你可以再截图自己的错误老师帮你看看你的环境需要怎处理,有的时候可能同学们不明白老师的用意,会产生误解,没关系,多沟通就好。
其实,在学习编程的过程中,报错出bug简直再正常不过了,不光是你们,就连在工作中的项目经理,遇到报错也是工作的常态,我们要做的就是不断地积累改错的经验,下次遇到就可避免了。一定不能被错误打败,一定能坚持下来!
另外,在大家初学阶段,自我解决问题的能力还不够,可能遇到最大的问题就是环境问题,这种问题也不太好解决,因为每个人的电脑环境,操作系统,版本都有一定的差异,老师也不能亲自看到同学的具体操作和电脑环境等等,所以可能需要我们来回沟通好几次才能解决,我们老师会全方面,图形并茂,详细的为大家分析问题并给出解决方案,同学也需要同学们尽量把问题描述清楚,可以截图可以粘贴代码等去复现问题,这样我们才能更加高效、准确的帮大家解决问题,相对具体的代码问题可能解决周期会稍微的长一些。不过您也不用太担忧,问题总会解决,我们一起努力!你的建议我也会进行反馈,争取能够更好的服务大家。
祝学习愉快~ 

好帮手慕码 2019-07-28 11:09:15

 同学,你好!

我非常理解你现在焦急的心情,不过不要着急,我曾经也遇到过类似的情况。其实vue项目运行不起来,有的时候是代码的问题,但大多数情况下是环境问题,包括电脑环境、软件环境、版本差异等。所以当代码跑不起来的时候,不要慌,需要多方面考虑,重要的是看报错信息,如果是代码问题,一般报错信息都很明确的指出代码中的问题,如果是环境问题,也会有一些提示。有的时候跑一次环境不成功,删除node_modules之后重新跑可能就好了,原因是在安装依赖包的时候由于网络问题,导致有些文件下载不完整,重新来一遍可能就好了,课程中老师教大家的方法都是老师实际工作中的流程方式,除非版本有非常大的差异,一般不会有问题,所以只要按照老师的流程一般不会出大问题。所以一般情况下,出现报错之后,回答问题的老师会跟大家强调要按照课程中老师讲的流程重新安装试试看,但是在重新安装之前要删除node_modules文件,因为文件夹里内容太多,也有可能删除不干净,或者要有管理员权限才能删除等等删除不干净的情况,如果删不干净可以使用360强力删除。或者是同学可以批量删除,选中一部分按Delete键这样~

在vue中下载依赖包时候npm/cnpm都有丢包的情况,所以说可以两者都测试一下。老师亲测了第九个detaile页面的代码:在安装依赖包中遇到如下问题:

(1)npm install之后报错如下,意思是缺少audie这个包,可以根据它的报错提示再次下载

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

(2)根据信息执行npm audit fix还是不成功

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

(3)使用cnpm install全部下载成功(第二步是测试单独下载audit,结果失败,所以可省略第二步骤)

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

(4)运行项目成功

http://img1.sycdn.imooc.com//climg/5d3d10d40001b34101490043.jpghttp://img1.sycdn.imooc.com//climg/5d3d10dc000186ea04750066.jpg

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

(5)如果第四步没有成功,提示如下:可以按照“小星星醒醒”老师介绍的命令cnpm  install  -D  px2rem-loader下载此插件的依赖包,在执行cnpm run dev

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

遇到问题是常态,同学不要慌,按照报错信息去执行相应的命令。

祝学习愉快~

  • 早这样说我前天就把 项目:Vue搭建课程首页 给学完了,而且代码也敲完了。真是心累,翘不下去了。就看懂了,源码也跑成功了。一行代码都没心情敲了。最先回答问题的助教敷衍,代码跑都不跑,省自己几分钟,耽搁我们一天。懒得跑行,那晚上能安排人值班回答问题么?大部分人是晚上学,晚上8点提个问题,得等到第二天10点之后。
    2019-07-29 22:49:48
  • 在上面回复同学了哦,同学可以看一下~
    2019-07-30 10:20:58
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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