使用VSCode时，执行ng serve出错

秒速五厘米 2022-09-12 14:56 128阅读 0赞

执行 npm install -g serve  
安装全局  
问题描述  
使用ng new hello-angular命令创建 angular 应用；  
使用 VSCode 打开hello-angular应用，在终端中执行ng serve命令，报错如下：  
serve dist  
\*\*![加粗样式][849a80942df644db9a3a565d8cc0cebb.png]  
\*\*

解决办法  
第一次使用 VSCode，默认使用的 powershell 执行命令，在 powershell 中禁止执行ng.ps1脚本文件。  
使用 windows 的 cmd 时，可以正常执行ng serve --open命令，正常启动hello-angular应用。将默认的 powershell 执行方式修改为 windows 的 cmd 即可正常执行。  
修改过程记录  
单击 VSCode 中终端右侧的 powershell 右侧的下拉框按钮，点击选择默认shell  
![在这里插入图片描述][e61d0703bcd346308c81c0c243bc4fb9.png]  
正常情况下是没有2.cmd选项的，这是因为我已经设置过了，所以这里已经存在了2.cmd选项，如果没有设置过，可以点击选择默认shell，之后点击界面上方的Command Prompt C;\\Windows\\system32\\cmd.exe选项。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54u86a2C6LG56YCf_size_20_color_FFFFFF_t_70_g_se_x_16]之后点击中段右侧的+号，重新开启一个新的终端，可以看到此时终端使用的是cmd运行命令。运行ng serve即可运行成功。

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54u86a2C6LG56YCf_size_20_color_FFFFFF_t_70_g_se_x_16 1]

[849a80942df644db9a3a565d8cc0cebb.png]: /images/20220828/b974c754ee91483dacc659ede2e2f26f.png
[e61d0703bcd346308c81c0c243bc4fb9.png]: /images/20220828/351f94d0824348a5a97084229c462304.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54u86a2C6LG56YCf_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/26f536d8e0354fc8994b661b919b2377.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54u86a2C6LG56YCf_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/efc02aaca98147ddb5c1a8a05a82b302.png