使用VSCode时,执行ng serve出错

问题描述

  1. 使用ng new hello-angular命令创建 angular 应用;
  2. 使用 VSCode 打开hello-angular应用,在终端中执行ng serve命令,报错如下:
    使用VSCode时,执行ng serve出错

解决办法

  1. 第一次使用 VSCode,默认使用的 powershell 执行命令,在 powershell 中禁止执行ng.ps1脚本文件。
  2. 使用 windows 的 cmd 时,可以正常执行ng serve --open命令,正常启动hello-angular应用。将默认的 powershell 执行方式修改为 windows 的 cmd 即可正常执行。

修改过程记录

  1. 单击 VSCode 中终端右侧的 powershell 右侧的下拉框按钮,点击选择默认shell
    使用VSCode时,执行ng serve出错
  2. 正常情况下是没有2.cmd选项的,这是因为我已经设置过了,所以这里已经存在了2.cmd选项,如果没有设置过,可以点击选择默认shell,之后点击界面上方的Command Prompt C;\Windows\system32\cmd.exe选项。
    使用VSCode时,执行ng serve出错
  3. 之后点击中段右侧的+号,重新开启一个新的终端,可以看到此时终端使用的是cmd运行命令。运行ng serve即可运行成功。
    使用VSCode时,执行ng serve出错