Angular--Port 4200 is already in use. Use '--port' to specify a different port.

一时失言乱红尘 2021-09-27 05:46 450阅读 0赞

前言

因为之前对前端设置这方面有一定的学习，认为这方面学起来非常有意思，但是因为自己可能是菜鸟，所以出现的错误也不少。在网上总是能看到很多前端大神提起Angular，但是我对这方面不太了解，所以就想学，丰富自己对前端的认识，因为之前没有接触过这方面的知识，所以出现错误的概率很大，接下来我就介绍一下我遇到的这个bug，希望对大家有帮助

内容

搭建好Angular环境，因为教程里面是用cmd搭建，然后给出了查看搭建结果的的代码：ng serve，所以我就尝试了一下，出现的内容是这样的，如下：
这里写图片描述
这说明环境已经搭建好了，而且已经成功执行了。这个时候我的WebStorm也安装好了，于是我点击进去，找到相关文件打开，点击运行，打不开网站，并出现下面错误。

  1. "D:\Program Files\JetBrains\WebStorm 2018.2\bin\runnerw.exe" "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" run start --scripts-prepend-node-path=auto
  3. > auction@0.0.0 start C:\Users\ITLuoxiaojun\auction
  4. > ng serve
  6. Port 4200 is already in use. Use '--port' to specify a different port.
  7. npm ERR! code ELIFECYCLE
  8. npm ERR! errno 1
  9. npm ERR! auction@0.0.0 start: `ng serve`
  10. npm ERR! Exit status 1
  11. npm ERR! 
  12. npm ERR! Failed at the auction@0.0.0 start script.
  13. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
  15. npm ERR! A complete log of this run can be found in:
  16. npm ERR!     C:\Users\ITLuoxiaojun\AppData\Roaming\npm-cache\_logs\2018-07-30T09_15_51_923Z-debug.log
  18. 进程已结束,退出代码1

这里写图片描述
因为我是刚刚才开始学习Angular的，所以觉得懵逼了，因为刚下载，什么东西都没有敲，直接运行的话应该可以的啊！但问题就是我运行不了，而且报出了上面的错误，没办法，百度一下，给出的答案是：我已经启动了该项目，所以无法再次打开，原来这样。
解决方法：
将cmd命令窗口关闭，然后再在WS中运行，这次成功了。在WS中部署完代码，然后成功加载，显示的内容如下：

  1. "D:\Program Files\JetBrains\WebStorm 2018.2\bin\runnerw.exe" "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" run start --scripts-prepend-node-path=auto
  3. > auction@0.0.0 start C:\Users\ITLuoxiaojun\auction
  4. > ng serve
  6. ** NG Live Development Server is running on http://localhost:4200 **
  7.   0% compiling
  8.  10% building modules 3/3 modules 0 active
  9.  10% building modules 3/6 modules 3 active ...s\ITLuoxiaojun\auction\src\styles.css
  10.  10% building modules 4/6 modules 2 active ...ITLuoxiaojun\auction\src\polyfills.ts
  11.  10% building modules 4/8 modules 4 active ...s\ITLuoxiaojun\auction\src\styles.css
  12.  10% building modules 5/8 modules 3 active ...s\ITLuoxiaojun\auction\src\styles.css
  13.  10% building modules 5/9 modules 4 active ...ode_modules\style-loader\addStyles.js
  14.  10% building modules 6/9 modules 3 active ...ode_modules\style-loader\addStyles.js
  15.  10% building modules 7/9 modules 2 active ...ode_modules\style-loader\addStyles.js
  16.  10% building modules 8/9 modules 1 active ...ode_modules\style-loader\addStyles.js
  17.  11% building modules 9/9 modules 0 active
  18.  11% building modules 9/11 modules 2 active ...xiaojun\auction\src\app\app.module.ts
  19.  11% building modules 9/12 modules 3 active ...ction\src\environments\environment.ts
  20.  11% building modules 9/15 modules 6 active ...aojun\auction\node_modules\url\url.js
  21.  11% building modules 10/15 modules 5 active ...aojun\auction\node_modules\url\url.js
  22.  11% building modules 11/15 modules 4 active ...aojun\auction\node_modules\url\url.js
  23.  11% building modules 12/16 modules 4 active ...n\node_modules\core-js\es6\reflect.js
  24.  11% building modules 12/17 modules 5 active ...n\node_modules\core-js\es7\reflect.js
  25.  11% building modules 12/18 modules 6 active ...ion\node_modules\zone.js\dist\zone.js
  26.  11% building modules 13/18 modules 5 active ...ion\node_modules\zone.js\dist\zone.js
  27.  11% building modules 14/18 modules 4 active ...ion\node_modules\zone.js\dist\zone.js
  28.  11% building modules 15/18 modules 3 active ...ion\node_modules\zone.js\dist\zone.js
  29.  11% building modules 15/19 modules 4 active ...n\node_modules\webpack\hot\emitter.js
  30.  11% building modules 15/20 modules 5 active ...es\@angular\core\@angular\core.es5.js
  31.  11% building modules 15/21 modules 6 active ...gular\platform-browser-dynamic.es5.js
  32.  11% building modules 15/22 modules 7 active ...ojun\auction\src\app\app.component.ts
  33.  12% building modules 17/22 modules 5 active ...ojun\auction\src\app\app.component.ts
  34.  12% building modules 18/22 modules 4 active ...ojun\auction\src\app\app.component.ts
  35.  12% building modules 19/22 modules 3 active ...ojun\auction\src\app\app.component.ts
  36.  12% building modules 20/22 modules 2 active ...ojun\auction\src\app\app.component.ts
  37.  12% building modules 21/22 modules 1 active ...ojun\auction\src\app\app.component.ts
  38.  12% building modules 21/23 modules 2 active ...tion\node_modules\strip-ansi\index.js
  39.  12% building modules 22/23 modules 1 active ...tion\node_modules\strip-ansi\index.js
  40.  12% building modules 23/27 modules 4 active ...node_modules\querystring-es3\index.js
  41.  12% building modules 23/28 modules 5 active ...ode_modules\webpack\buildin\global.js
  42.  12% building modules 23/29 modules 6 active ...un\auction\src\app\app.component.html
  43.  12% building modules 24/29 modules 5 active ...un\auction\src\app\app.component.html
  44.  13% building modules 25/29 modules 4 active ...un\auction\src\app\app.component.html
  45.  13% building modules 26/29 modules 3 active ...un\auction\src\app\app.component.html
  46.  13% building modules 27/29 modules 2 active ...un\auction\src\app\app.component.html
  47.  13% building modules 27/36 modules 9 active ...s\modules\es7.reflect.has-metadata.js
  48.  13% building modules 27/37 modules 10 active ...dules\es7.reflect.has-own-metadata.js
  49.  13% building modules 27/44 modules 17 active ...e-js\modules\es6.reflect.enumerate.js
  50.  13% building modules 27/45 modules 18 active ...es\core-js\modules\es6.reflect.get.js
  51.  13% building modules 27/46 modules 19 active ...eflect.get-own-property-descriptor.js
  52.  13% building modules 27/48 modules 21 active ...es\core-js\modules\es6.reflect.has.js
  53.  13% building modules 27/51 modules 24 active ...les\es6.reflect.prevent-extensions.js
  54.  13% building modules 27/52 modules 25 active ...es\core-js\modules\es6.reflect.set.js
  55.  13% building modules 27/55 modules 28 active ...\@angular\forms\@angular\forms.es5.js
  56.  13% building modules 28/55 modules 27 active ...\@angular\forms\@angular\forms.es5.js
  57.  13% building modules 28/56 modules 28 active ...es\@angular\http\@angular\http.es5.js
  58.  13% building modules 28/57 modules 29 active ...auction\node_modules\events\events.js
  59.  13% building modules 28/58 modules 30 active ...ction\node_modules\ansi-html\index.js
  60.  13% building modules 29/59 modules 30 active ...de_modules\sockjs-client\lib\entry.js
  61.  13% building modules 29/60 modules 31 active ...ode_modules\webpack\buildin\module.js
  62.  13% building modules 30/60 modules 30 active ...ode_modules\webpack\buildin\module.js
  63.  13% building modules 31/60 modules 29 active ...ode_modules\webpack\buildin\module.js
  64.  13% building modules 32/60 modules 28 active ...ode_modules\webpack\buildin\module.js
  65.  13% building modules 33/60 modules 27 active ...ode_modules\webpack\buildin\module.js
  66.  14% building modules 34/60 modules 26 active ...ode_modules\webpack\buildin\module.js
  67.  14% building modules 35/60 modules 25 active ...ode_modules\webpack\buildin\module.js
  68.  14% building modules 36/60 modules 24 active ...ode_modules\webpack\buildin\module.js
  69.  14% building modules 37/60 modules 23 active ...ode_modules\webpack\buildin\module.js
  70.  14% building modules 38/60 modules 22 active ...ode_modules\webpack\buildin\module.js
  71.  14% building modules 40/60 modules 20 active ...ode_modules\webpack\buildin\module.js
  72.  14% building modules 41/60 modules 19 active ...ode_modules\webpack\buildin\module.js
  73.  15% building modules 42/60 modules 18 active ...ode_modules\webpack\buildin\module.js
  74.  15% building modules 43/60 modules 17 active ...ode_modules\webpack\buildin\module.js
  75.  15% building modules 44/60 modules 16 active ...ode_modules\webpack\buildin\module.js
  76.  15% building modules 47/60 modules 13 active ...ode_modules\webpack\buildin\module.js
  77.  15% building modules 49/60 modules 11 active ...ode_modules\webpack\buildin\module.js
  78.  16% building modules 50/60 modules 10 active ...ode_modules\webpack\buildin\module.js
  79.  16% building modules 51/60 modules 9 active ...ode_modules\webpack\buildin\module.js
  80.  16% building modules 52/60 modules 8 active ...ode_modules\webpack\buildin\module.js
  81.  16% building modules 53/60 modules 7 active ...ode_modules\webpack\buildin\module.js
  82.  16% building modules 54/60 modules 6 active ...ode_modules\webpack\buildin\module.js
  83.  16% building modules 55/60 modules 5 active ...ode_modules\webpack\buildin\module.js
  84.  16% building modules 56/60 modules 4 active ...ode_modules\webpack\buildin\module.js
  85.  16% building modules 57/60 modules 3 active ...ode_modules\webpack\buildin\module.js
  86.  16% building modules 58/62 modules 4 active ...\auction\node_modules\rxjs\Subject.js
  87.  16% building modules 58/65 modules 7 active ...n\node_modules\rxjs\operator\share.js
  88.  17% building modules 59/65 modules 6 active ...n\node_modules\rxjs\operator\share.js
  89.  17% building modules 60/65 modules 5 active ...n\node_modules\rxjs\operator\share.js
  90.  17% building modules 60/66 modules 6 active ...ode_modules\querystring-es3\decode.js
  91.  17% building modules 60/67 modules 7 active ...ode_modules\querystring-es3\encode.js
  92.  17% building modules 60/68 modules 8 active ...ction\node_modules\tslib\tslib.es6.js
  93.  17% building modules 60/70 modules 10 active ...angular\common\@angular\common.es5.js
  94.  17% building modules 61/70 modules 9 active ...angular\common\@angular\common.es5.js
  95.  17% building modules 62/70 modules 8 active ...angular\common\@angular\common.es5.js
  96.  17% building modules 63/70 modules 7 active ...angular\common\@angular\common.es5.js
  97.  17% building modules 64/70 modules 6 active ...angular\common\@angular\common.es5.js
  98.  17% building modules 65/70 modules 5 active ...angular\common\@angular\common.es5.js
  99.  17% building modules 66/70 modules 4 active ...angular\common\@angular\common.es5.js
  100.  18% building modules 67/71 modules 4 active ..._modules\core-js\modules\_metadata.js
  101.  18% building modules 67/72 modules 5 active ...modules\core-js\modules\_an-object.js
  102.  18% building modules 67/76 modules 9 active ...odules\core-js\modules\_a-function.js
  103.  18% building modules 67/78 modules 11 active ...de_modules\core-js\modules\_global.js
  104.  18% building modules 67/81 modules 14 active ...modules\core-js\modules\_is-object.js
  105.  18% building modules 67/82 modules 15 active ...node_modules\core-js\modules\_bind.js
  106.  18% building modules 67/84 modules 17 active ...ules\core-js\modules\_to-primitive.js
  107.  18% building modules 67/87 modules 20 active ...\node_modules\core-js\modules\_has.js
  108.  18% building modules 67/91 modules 24 active ...e_modules\rxjs\observable\forkJoin.js
  109.  18% building modules 67/93 modules 26 active ...ion\node_modules\rxjs\operator\map.js
  110.  18% building modules 68/93 modules 25 active ...ion\node_modules\rxjs\operator\map.js
  111.  18% building modules 69/93 modules 24 active ...ion\node_modules\rxjs\operator\map.js
  112.  18% building modules 70/93 modules 23 active ...ion\node_modules\rxjs\operator\map.js
  113.  18% building modules 70/94 modules 24 active ...jun\auction\src\app\app.component.css
  114.  18% building modules 70/97 modules 27 active ...s\html-entities\lib\html4-entities.js
  115.  18% building modules 70/98 modules 28 active ...les\html-entities\lib\xml-entities.js
  116.  18% building modules 70/99 modules 29 active ...s\html-entities\lib\html5-entities.js
  117.  18% building modules 72/99 modules 27 active ...s\html-entities\lib\html5-entities.js
  118.  18% building modules 73/99 modules 26 active ...s\html-entities\lib\html5-entities.js
  119.  19% building modules 76/99 modules 23 active ...s\html-entities\lib\html5-entities.js
  120.  19% building modules 77/99 modules 22 active ...s\html-entities\lib\html5-entities.js
  121.  19% building modules 80/99 modules 19 active ...s\html-entities\lib\html5-entities.js
  122.  19% building modules 83/99 modules 16 active ...s\html-entities\lib\html5-entities.js
  123.  20% building modules 84/99 modules 15 active ...s\html-entities\lib\html5-entities.js
  124.  20% building modules 87/99 modules 12 active ...s\html-entities\lib\html5-entities.js
  125.  20% building modules 88/99 modules 11 active ...s\html-entities\lib\html5-entities.js
  126.  20% building modules 89/99 modules 10 active ...s\html-entities\lib\html5-entities.js
  127.  20% building modules 90/99 modules 9 active ...s\html-entities\lib\html5-entities.js
  128.  20% building modules 91/99 modules 8 active ...s\html-entities\lib\html5-entities.js
  129.  21% building modules 93/99 modules 6 active ...s\html-entities\lib\html5-entities.js
  130.  21% building modules 93/100 modules 7 active ...tion\node_modules\ansi-regex\index.js
  131.  21% building modules 93/104 modules 11 active ...es\rxjs\observable\ArrayObservable.js
  132.  21% building modules 95/104 modules 9 active ...es\rxjs\observable\ArrayObservable.js
  133.  21% building modules 96/104 modules 8 active ...es\rxjs\observable\ArrayObservable.js
  134.  21% building modules 96/109 modules 13 active ...node_modules\rxjs\util\isScheduler.js
  135.  21% building modules 97/109 modules 12 active ...node_modules\rxjs\util\isScheduler.js
  136.  21% building modules 98/110 modules 12 active ...e_modules\rxjs\symbol\rxSubscriber.js
  137.  21% building modules 99/113 modules 14 active ...de_modules\rxjs\operators\mergeAll.js
  138.  22% building modules 100/113 modules 13 active ...de_modules\rxjs\operators\mergeAll.js
  139.  22% building modules 102/113 modules 11 active ...de_modules\rxjs\operators\mergeAll.js
  140.  22% building modules 103/113 modules 10 active ...de_modules\rxjs\operators\mergeAll.js
  141.  22% building modules 104/113 modules 9 active ...de_modules\rxjs\operators\mergeAll.js
  142.  22% building modules 107/113 modules 6 active ...de_modules\rxjs\operators\mergeAll.js
  143.  23% building modules 110/113 modules 3 active ...de_modules\rxjs\operators\mergeAll.js
  144.  23% building modules 111/113 modules 2 active ...de_modules\rxjs\operators\mergeAll.js
  145.  23% building modules 112/113 modules 1 active ...de_modules\rxjs\operators\mergeAll.js
  146.  23% building modules 113/125 modules 12 active ...\node_modules\core-js\modules\_ctx.js
  147.  23% building modules 113/126 modules 13 active ...odules\core-js\modules\_object-dps.js
  148.  23% building modules 113/127 modules 14 active ...les\core-js\modules\_enum-bug-keys.js
  149.  23% building modules 113/129 modules 16 active ...node_modules\core-js\modules\_html.js
  150.  23% building modules 113/132 modules 19 active ...dules\core-js\modules\_descriptors.js
  151.  23% building modules 113/133 modules 20 active ...odules\core-js\modules\_object-pie.js
  152.  23% building modules 113/135 modules 22 active ...core-js\modules\_set-to-string-tag.js
  153.  23% building modules 113/136 modules 23 active ...\node_modules\core-js\modules\_wks.js
  154.  23% building modules 113/139 modules 26 active ...\rxjs\observable\PromiseObservable.js
  155.  23% building modules 113/140 modules 27 active ...rxjs\observable\ForkJoinObservable.js
  156.  23% building modules 113/141 modules 28 active ...on\node_modules\rxjs\operators\map.js
  157.  23% building modules 113/144 modules 31 active ...es\sockjs-client\lib\info-receiver.js
  158.  23% building modules 113/149 modules 36 active ...client\lib\transport\xdr-streaming.js
  159.  23% building modules 113/150 modules 37 active ...kjs-client\lib\transport\websocket.js
  160.  23% building modules 113/151 modules 38 active ...s-client\lib\transport\eventsource.js
  161.  23% building modules 113/159 modules 46 active ...les\sockjs-client\lib\utils\escape.js
  162.  23% building modules 113/167 modules 54 active ...ules\sockjs-client\lib\event\close.js
  163.  23% building modules 113/168 modules 55 active ...kjs-client\lib\event\trans-message.js
  164.  23% building modules 115/168 modules 53 active ...kjs-client\lib\event\trans-message.js
  165.  23% building modules 116/168 modules 52 active ...kjs-client\lib\event\trans-message.js
  166.  24% building modules 118/168 modules 50 active ...kjs-client\lib\event\trans-message.js
  167.  24% building modules 120/168 modules 48 active ...kjs-client\lib\event\trans-message.js
  168.  24% building modules 121/168 modules 47 active ...kjs-client\lib\event\trans-message.js
  169.  24% building modules 124/168 modules 44 active ...kjs-client\lib\event\trans-message.js
  170.  25% building modules 125/168 modules 43 active ...kjs-client\lib\event\trans-message.js
  171.  25% building modules 127/168 modules 41 active ...kjs-client\lib\event\trans-message.js
  172.  25% building modules 129/168 modules 39 active ...kjs-client\lib\event\trans-message.js
  173.  25% building modules 131/168 modules 37 active ...kjs-client\lib\event\trans-message.js
  174.  26% building modules 134/168 modules 34 active ...kjs-client\lib\event\trans-message.js
  175.  26% building modules 139/168 modules 29 active ...kjs-client\lib\event\trans-message.js
  176.  26% building modules 140/168 modules 28 active ...kjs-client\lib\event\trans-message.js
  177.  26% building modules 141/168 modules 27 active ...kjs-client\lib\event\trans-message.js
  178.  26% building modules 141/177 modules 36 active ...es\rxjs\observable\EmptyObservable.js
  179.  27% building modules 142/177 modules 35 active ...es\rxjs\observable\EmptyObservable.js
  180.  27% building modules 143/177 modules 34 active ...es\rxjs\observable\EmptyObservable.js
  181.  27% building modules 145/177 modules 32 active ...es\rxjs\observable\EmptyObservable.js
  182.  27% building modules 146/177 modules 31 active ...es\rxjs\observable\EmptyObservable.js
  183.  27% building modules 147/177 modules 30 active ...es\rxjs\observable\EmptyObservable.js
  184.  27% building modules 147/178 modules 31 active ...uction\node_modules\rxjs\util\noop.js
  185.  27% building modules 147/179 modules 32 active ...e_modules\rxjs\operators\multicast.js
  186.  27% building modules 147/180 modules 33 active ...de_modules\rxjs\operators\refCount.js
  187.  27% building modules 147/182 modules 35 active ...on\node_modules\rxjs\util\identity.js
  188.  27% building modules 148/182 modules 34 active ...on\node_modules\rxjs\util\identity.js
  189.  27% building modules 149/182 modules 33 active ...on\node_modules\rxjs\util\identity.js
  190.  28% building modules 150/182 modules 32 active ...on\node_modules\rxjs\util\identity.js
  191.  28% building modules 151/182 modules 31 active ...on\node_modules\rxjs\util\identity.js
  192.  28% building modules 152/182 modules 30 active ...on\node_modules\rxjs\util\identity.js
  193.  28% building modules 154/182 modules 28 active ...on\node_modules\rxjs\util\identity.js
  194.  28% building modules 155/182 modules 27 active ...on\node_modules\rxjs\util\identity.js
  195.  28% building modules 156/182 modules 26 active ...on\node_modules\rxjs\util\identity.js
  196.  28% building modules 157/182 modules 25 active ...on\node_modules\rxjs\util\identity.js
  197.  29% building modules 159/182 modules 23 active ...on\node_modules\rxjs\util\identity.js
  198.  29% building modules 160/182 modules 22 active ...on\node_modules\rxjs\util\identity.js
  199.  29% building modules 161/182 modules 21 active ...on\node_modules\rxjs\util\identity.js
  200.  29% building modules 162/182 modules 20 active ...on\node_modules\rxjs\util\identity.js
  201.  29% building modules 164/182 modules 18 active ...on\node_modules\rxjs\util\identity.js
  202.  29% building modules 165/182 modules 17 active ...on\node_modules\rxjs\util\identity.js
  203.  29% building modules 166/182 modules 16 active ...on\node_modules\rxjs\util\identity.js
  204.  30% building modules 167/182 modules 15 active ...on\node_modules\rxjs\util\identity.js
  205.  30% building modules 168/182 modules 14 active ...on\node_modules\rxjs\util\identity.js
  206.  30% building modules 168/183 modules 15 active ...ction\node_modules\url-parse\index.js
  207.  30% building modules 168/184 modules 16 active ..._modules\inherits\inherits_browser.js
  208.  30% building modules 170/186 modules 16 active ...ion\node_modules\debug\src\browser.js
  209.  30% building modules 171/186 modules 15 active ...ion\node_modules\debug\src\browser.js
  210.  30% building modules 172/186 modules 14 active ...ion\node_modules\debug\src\browser.js
  211.  30% building modules 173/186 modules 13 active ...ion\node_modules\debug\src\browser.js
  212.  30% building modules 174/186 modules 12 active ...ion\node_modules\debug\src\browser.js
  213.  31% building modules 176/186 modules 10 active ...ion\node_modules\debug\src\browser.js
  214.  31% building modules 177/186 modules 9 active ...ion\node_modules\debug\src\browser.js
  215.  31% building modules 177/187 modules 10 active ...js-client\lib\utils\browser-crypto.js
  216.  31% building modules 179/187 modules 8 active ...js-client\lib\utils\browser-crypto.js
  217.  31% building modules 180/187 modules 7 active ...js-client\lib\utils\browser-crypto.js
  218.  31% building modules 182/188 modules 6 active ...e_modules\core-js\modules\_library.js
  219.  31% building modules 182/193 modules 11 active ...e_modules\core-js\modules\_defined.js
  220.  31% building modules 182/194 modules 12 active ...ules\core-js\modules\_redefine-all.js
  221.  31% building modules 182/197 modules 15 active ...dules\core-js\modules\_iter-define.js
  222.  31% building modules 182/198 modules 16 active ...modules\core-js\modules\_iter-step.js
  223.  31% building modules 182/201 modules 19 active ...re-js\modules\_inherit-if-required.js
  224.  31% building modules 182/203 modules 21 active ...les\core-js\modules\_is-array-iter.js
  225.  31% building modules 182/204 modules 22 active ...modules\core-js\modules\_to-length.js
  226.  31% building modules 182/205 modules 23 active ...s\modules\core.get-iterator-method.js
  227.  31% building modules 182/206 modules 24 active ...dules\core-js\modules\_object-keys.js
  228.  31% building modules 182/208 modules 26 active ...e-js\modules\_object-keys-internal.js
  229.  31% building modules 182/209 modules 27 active ...odules\rxjs\util\subscribeToResult.js
  230.  31% building modules 182/210 modules 28 active ...\node_modules\rxjs\OuterSubscriber.js
  231.  31% building modules 182/211 modules 29 active ...\lib\transport\browser\eventsource.js
  232.  32% building modules 184/211 modules 27 active ...\lib\transport\browser\eventsource.js
  233.  32% building modules 184/213 modules 29 active ...odules\sockjs-client\lib\info-ajax.js
  234.  32% building modules 185/214 modules 29 active ...e_modules\sockjs-client\lib\facade.js
  235.  32% building modules 185/216 modules 31 active ...les\sockjs-client\lib\utils\iframe.js
  236.  32% building modules 186/219 modules 33 active ...\lib\transport\lib\sender-receiver.js
  237.  32% building modules 188/225 modules 37 active ...-client\lib\transport\sender\jsonp.js
  238.  32% building modules 189/225 modules 36 active ...-client\lib\transport\sender\jsonp.js
  239.  32% building modules 191/225 modules 34 active ...-client\lib\transport\sender\jsonp.js
  240.  33% building modules 192/225 modules 33 active ...-client\lib\transport\sender\jsonp.js
  241.  33% building modules 196/225 modules 29 active ...-client\lib\transport\sender\jsonp.js
  242.  33% building modules 198/225 modules 27 active ...-client\lib\transport\sender\jsonp.js
  243.  33% building modules 199/225 modules 26 active ...-client\lib\transport\sender\jsonp.js
  244.  34% building modules 200/225 modules 25 active ...-client\lib\transport\sender\jsonp.js
  245.  34% building modules 202/225 modules 23 active ...-client\lib\transport\sender\jsonp.js
  246.  34% building modules 204/225 modules 21 active ...-client\lib\transport\sender\jsonp.js
  247.  34% building modules 205/225 modules 20 active ...-client\lib\transport\sender\jsonp.js
  248.  34% building modules 207/225 modules 18 active ...-client\lib\transport\sender\jsonp.js
  249.  35% building modules 210/226 modules 16 active ...-client\lib\transport\receiver\xhr.js
  250.  35% building modules 210/229 modules 19 active ...lient\lib\transport\receiver\jsonp.js
  251.  35% building modules 211/229 modules 18 active ...lient\lib\transport\receiver\jsonp.js
  252.  35% building modules 211/230 modules 19 active ...nt\lib\transport\browser\websocket.js
  253.  35% building modules 212/230 modules 18 active ...nt\lib\transport\browser\websocket.js
  254.  35% building modules 214/230 modules 16 active ...nt\lib\transport\browser\websocket.js
  255.  35% building modules 215/230 modules 15 active ...nt\lib\transport\browser\websocket.js
  256.  35% building modules 216/230 modules 14 active ...nt\lib\transport\browser\websocket.js
  257.  36% building modules 217/230 modules 13 active ...nt\lib\transport\browser\websocket.js
  258.  36% building modules 217/231 modules 14 active ...s\observable\ConnectableObservable.js
  259.  36% building modules 218/231 modules 13 active ...s\observable\ConnectableObservable.js
  260.  36% building modules 219/231 modules 12 active ...s\observable\ConnectableObservable.js
  261.  36% building modules 220/231 modules 11 active ...s\observable\ConnectableObservable.js
  262.  36% building modules 221/231 modules 10 active ...s\observable\ConnectableObservable.js
  263.  36% building modules 224/231 modules 7 active ...s\observable\ConnectableObservable.js
  264.  37% building modules 225/231 modules 6 active ...s\observable\ConnectableObservable.js
  265.  37% building modules 226/231 modules 5 active ...s\observable\ConnectableObservable.js
  266.  37% building modules 227/231 modules 4 active ...s\observable\ConnectableObservable.js
  267.  37% building modules 228/231 modules 3 active ...s\observable\ConnectableObservable.js
  268.  37% building modules 229/231 modules 2 active ...s\observable\ConnectableObservable.js
  269.  37% building modules 230/233 modules 3 active ...odules\webpack\buildin\amd-options.js
  270.  37% building modules 231/233 modules 2 active ...odules\webpack\buildin\amd-options.js
  271.  37% building modules 231/243 modules 12 active ...\node_modules\rxjs\InnerSubscriber.js
  272.  38% building modules 234/246 modules 12 active ...n\node_modules\requires-port\index.js
  273.  38% building modules 235/247 modules 12 active ...\node_modules\querystringify\index.js
  274.  38% building modules 237/247 modules 10 active ...\node_modules\querystringify\index.js
  275.  38% building modules 238/247 modules 9 active ...\node_modules\querystringify\index.js
  276.  38% building modules 240/247 modules 7 active ...\node_modules\querystringify\index.js
  277.  38% building modules 241/247 modules 6 active ...\node_modules\querystringify\index.js
  278.  39% building modules 242/247 modules 5 active ...\node_modules\querystringify\index.js
  279.  39% building modules 243/248 modules 5 active ...lib\transport\browser\abstract-xhr.js
  280.  39% building modules 244/248 modules 4 active ...lib\transport\browser\abstract-xhr.js
  281.  39% building modules 247/248 modules 1 active ...lib\transport\browser\abstract-xhr.js
  282.  39% building modules 248/248 modules 0 active
  283.  39% building modules 249/250 modules 1 active ...modules\_array-species-constructor.js
  284.  40% building modules 250/252 modules 2 active ..._modules\core-js\modules\_is-array.js
  285.  40% building modules 252/252 modules 0 active
  286.  71% sealing
  287.  75% advanced module optimization
  288.  76% basic chunk optimization pass 2
  289.  79% module and chunk tree optimization
  290.  81% module order optimization
  291.  84% chunk order optimization
  292.  85% chunk id optimization
  293.  86% hashing
  294.  88% chunk assets processing
  295.  92% chunk asset optimization
  296.  94% asset optimization
  297.  95% emitting
  298. Hash: 4bf25b86b9f8769e283f
  299. Time: 14626ms
  300. chunk    {
  301.    0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 195 kB {
  302.    4} [initial] [rendered]
  303. chunk    {
  304.    1} main.bundle.js, main.bundle.js.map (main) 3.69 kB {
  305.    3} [initial] [rendered]
  306. chunk    {
  307.    2} styles.bundle.js, styles.bundle.js.map (styles) 9.77 kB {
  308.    4} [initial] [rendered]
  309. chunk    {
  310.    3} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.51 MB [initial] [rendered]
  311. chunk    {
  312.    4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]
  313. webpack: Compiled successfully.

此时，打开浏览器，输入http://localhost:4200，立马可以执行，别问我为什么输入这个代码可以执行，因为这时部署时候给出的网站，如下图：
这里写图片描述
给出的网站打开的内容如下：
这里写图片描述
这里写图片描述
这样说明已经成功部署了WS中的代码，然后成功在指定的网站打开。

总结

刚开始学习Angular，然后遇到bug，心中莫名有一种恐惧感，也许这是它给我的下马威，没关系，我会慢慢积累自己的能力，然后逐渐的去熟悉它，认识他，了解它，然后跟它一块合作做出所期待的美好的项目！

end

谢谢您的阅读！

发表评论

表情：
评论列表 （有 0 条评论，450人围观）

还没有评论，来说两句吧...

相关阅读