Angular--ERROR in multi script-loader!

前言

因为刚开始学习Angular,而且对相关的IDE也是第一次使用,所以有很多地方都不太清楚,上一篇博客:Angular–WebStorm介绍就已经介绍了WebStorm界面的大部分内容,不过在使用过程中还是避免不了出错,比如接下来介绍的这种错误。

内容

第一次使用WebStorm,所以一切都是按照指导老师给出的操作在操作,但是指导老师的代码敲击完成之后,点击运行出现的界面是这样的:
这里写图片描述
而我点击运行之后,出现的内容是这样的:
这里写图片描述
多了很大一段红色的代码,这是什么鬼,打开相应的网页地址出现的页面也跟指导老师的页面不一样,点击F12,给我的提示是Error404,表示找到不数据源,这是什么鬼?
于是我一行一行复制红色的代码到网上查找,发现网上没有相关的错误,怎么办,于是沉下心来慢慢找,终于有了一些眉目,因为后面报错误的代码中有一大串/,所以肯定是链接地址出现了错误,但是链接地址修改过的地方只有一个,那就是在.angular-cli.json中,于是我就去这个页面中的链接地址查看,发现了错误,原来链接地址书写错误,如下:
这里写图片描述
然后果断将链接地址更改,将红色箭头所指的红框内的jquery改成bootstrap,果不其然,运行起来就没有报错,如下:
这里写图片描述

总结

因为自己的粗心,在写那一行代码的时候出于能省点事就省点事,所以就直接复制了../node_modules/jqueary/dist/jquery.js,然后就将后面的jquery更改了,没想到前面地址文件夹名称没改,上面的那个css的错误也是直接复制了代码,所以出现了这个错误。

end

谢谢您的阅读,如果想法请留下您的宝贵意见!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值