前言

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

内容

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

总结

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

end

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

相关文章: