Visual Studio无法自动启动Angular项目：仅执行ng build而非ng serve

将另一台机器上开发的Angular项目克隆到新机器后，点击Visual Studio的调试运行按钮，仅打开浏览器指向配置的localhost端口，未启动独立命令行执行ng serve或npm start，反而在Visual Studio的构建输出中执行ng build。

已知情况 #

• 原机器上项目运行正常
• 新机器已安装Node.js和Angular CLI
• 手动在命令行执行ng serve或npm start可正常启动项目

当前.esproj配置 #

<Project Sdk="Microsoft.VisualStudio.JavaScript.Sdk/0.5.74-alpha">
  <PropertyGroup>
    <StartupCommand>npm start</StartupCommand>
    <JavaScriptTestFramework>Jasmine</JavaScriptTestFramework>
    <!-- Command to run on project build -->
    <BuildCommand>
    </BuildCommand>
    <!-- Command to create an optimized build of the project that's ready for publishing -->
    <ProductionBuildCommand>npm run build</ProductionBuildCommand>
    <!-- Folder where production build objects will be placed -->
    <BuildOutputFolder>$(MSBuildProjectDirectory)\dist\A16Net.Presentation.Client</BuildOutputFolder>
  </PropertyGroup>
  
...

</Project>

已尝试的操作 #

• 在Visual Studio中新建Angular模板项目，调试运行正常，.esproj配置相似
• 修改BuildCommand为<BuildCommand>ng serve</BuildCommand>，但命令仅在Visual Studio构建输出中执行且卡住
• 检查.vscode文件夹、package.json、angular.json，内容与新模板项目一致

解决方法建议 #

1. 检查调试启动配置
   右键项目 → 属性 → 调试，确认启动命令是否设置为npm start，避免误设为构建类命令。

2. 清理Visual Studio缓存
   关闭Visual Studio，删除以下缓存文件：

   • %LOCALAPPDATA%\Microsoft\VisualStudio\<版本号>\ComponentModelCache
   • 项目目录下的隐藏文件夹.vs
     重新打开项目后重试调试。

3. 升级JavaScript SDK版本
   当前使用的是测试版SDK（0.5.74-alpha），可能存在兼容性问题。修改.esproj中的Sdk版本为最新稳定版（如Microsoft.VisualStudio.JavaScript.Sdk/1.0.0，可根据实际最新版本调整），保存后重新加载项目。

4. 校验npm脚本配置
   打开package.json，确认start脚本正确指向ng serve，示例：

   "scripts": {
     "start": "ng serve",
     "build": "ng build",
     ...
   }
   

   确保脚本无额外参数导致Visual Studio无法启动独立进程。

5. 重置调试设置
   打开Visual Studio → 工具 → 选项 → 调试 → 常规，选择“重置所有设置”（建议先备份当前设置），重置后重新配置调试项。

内容的提问来源于stack exchange，提问作者IP.AF