VS2019开发集成Angular的AspNet Core应用 ng build正常却提示app-root未匹配

• 检查Angular构建输出路径和AspNet Core静态托管目录是否匹配
  • 执行ng build后，确认生成的静态文件实际落点，和项目托管静态资源的目录完全一致。AspNet Core默认静态文件根目录是wwwroot，如果Angular配置的输出路径没有指向这个目录，实际加载的就是没有绑定Angular逻辑的默认入口页，自然会报app-root无匹配组件的错误
  • 打开浏览器开发者工具的网络面板，核对当前加载的入口index.html，是否正确引入了构建生成的main.js、polyfills.js、styles.css等资源。如果这些资源的请求全部返回404，基本就是路径配置不匹配导致的
• 检查中间件管道的配置顺序
  • 在Startup.cs或Program.cs中，确认app.UseStaticFiles()的调用位置，排在路由配置、MVC端点映射、SPA fallback中间件之前。顺序错了会导致静态资源被后续的路由逻辑拦截，返回项目自带的默认模板页，而非Angular编译生成的入口文件
• 检查Angular的基础路径配置
  • 核对angular.json中build节点下的baseHref、deployUrl配置值，必须和AspNet Core站点的实际部署路径保持一致。如果站点部署在子路径下但配置仍为默认的根路径，会导致构建生成的资源引用路径全部失效，脚本没法执行，自然就不会渲染挂载app-root的根组件
• 检查VS内置SPA模板的启动逻辑
  • VS2019自带的Angular项目模板，默认在开发环境下会启动独立的Angular dev server做热更新。如果手动执行了ng build但没有调整对应的启动配置，调试的时候可能会加载没有Angular逻辑的占位页面，而非编译生成的实际应用内容

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