前言

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

内容

第一次使用WebStorm，所以一切都是按照指导老师给出的操作在操作，但是指导老师的代码敲击完成之后，点击运行出现的界面是这样的：

而我点击运行之后，出现的内容是这样的：

多了很大一段红色的代码，这是什么鬼，打开相应的网页地址出现的页面也跟指导老师的页面不一样，点击F12，给我的提示是Error404，表示找到不数据源，这是什么鬼？
于是我一行一行复制红色的代码到网上查找，发现网上没有相关的错误，怎么办，于是沉下心来慢慢找，终于有了一些眉目，因为后面报错误的代码中有一大串/，所以肯定是链接地址出现了错误，但是链接地址修改过的地方只有一个，那就是在.angular-cli.json中，于是我就去这个页面中的链接地址查看，发现了错误，原来链接地址书写错误，如下：

然后果断将链接地址更改，将红色箭头所指的红框内的jquery改成bootstrap，果不其然，运行起来就没有报错，如下：

总结

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

end

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