.NET Core托管Angular SPA时npm start启动失败问题

问题详情 #

启动.NET Core托管的Angular SPA时，控制台闪过后直接关闭，录屏提取到错误：

Error: Cannot find module 'C:...\node_modules@angular\cli\bin\ng.js'

at Module._resolveFilename (node:internal/modules/cjs/loader:1143:15)
at Module._load (node:internal/modules/cjs/loader:984:27)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12)
at node:internal/main/run_main_module:28:49 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}

.NET Core控制台仅输出：

[ERR] Couldn't start the SPA development server with command 'npm start'

但直接在CMD中运行npm start可正常启动，且已确认ng.js文件存在。使用nvm管理Node版本，当前版本为16.13.2，环境信息如下：

Angular CLI: 15.2.11
Node: 16.13.2
Package Manager: npm 8.1.2
OS: win32 x64

Angular: 15.2.10
... animations, common, compiler, compiler-cli, core, forms
... localize, platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1502.11
@angular-devkit/build-angular   15.2.11
@angular-devkit/core            15.2.11
@angular-devkit/schematics      15.2.11
@angular/cli                    15.2.11
@schematics/angular             15.2.11
rxjs                            7.8.1
typescript                      4.9.5

解决方法 #

• 验证.NET进程的工作目录
  .NET Core启动SPA时可能未切换到Angular项目根目录。在Program.cs中确认SpaStaticFilesOptions的SourcePath指向正确路径，或手动设置工作目录：

  var angularRoot = Path.Combine(Directory.GetCurrentDirectory(), "ClientApp"); // 替换为你的Angular项目路径
  Directory.SetCurrentDirectory(angularRoot);
  

  也可在项目属性的“调试”选项卡中，将“工作目录”设置为Angular项目的根路径。

• 确保nvm环境变量在.NET进程中生效
  nvm的环境变量是用户级别的，若.NET服务以不同权限（如管理员）启动，可能无法读取Node路径。尝试用相同权限打开CMD运行npm start，若异常则需在对应权限环境中配置nvm的Node路径，或在package.json的start脚本中指定Node绝对路径。

• 清理依赖并重新安装
  进入Angular项目目录，执行以下命令修复可能损坏的依赖：

  npm cache clean --force
  rmdir /s /q node_modules
  del package-lock.json
  npm install
  

• 修改npm start脚本
  在package.json中，将start脚本改为使用npx指定Angular CLI版本，避免路径解析问题：

  "scripts": {
    "start": "npx @angular/cli@15.2.11 serve"
  }
  

• 缩短项目路径
  Windows默认路径长度有限制，过长路径可能导致Node无法定位文件。将项目迁移到更短的路径（如C:\Dev\MyApp）后重新启动服务。

内容的提问来源于stack exchange，提问作者Simon Styger