Angular应用已运行但浏览器无显示问题求助

• 检查浏览器控制台错误
  打开浏览器按F12，查看Console和Network标签页：有没有JS报错、资源加载失败（比如404）。根组件未渲染、依赖加载异常这类问题都会直接导致页面空白。

• 换地址启动并访问
  试试用yarn start --host 0.0.0.0启动服务，然后访问http://127.0.0.1:4200。有时候localhost解析异常、本地防火墙或代理拦截了localhost请求，换127.0.0.1能绕过这类问题。

• 核对项目基础配置

  • 确认src/index.html里存在<app-root></app-root>标签，这是Angular根组件的挂载点，缺失的话页面必然空白。
  • 检查src/app/app.component.ts：组件是否正确声明，模板（template/templateUrl）路径是否正确、内容是否存在。

• 彻底清理缓存和依赖
  执行以下命令后重新启动：

  yarn cache clean
  rm -rf node_modules
  rm -rf dist
  yarn install
  yarn start
  

  缓存或损坏的依赖包经常导致这类异常，彻底清理后重新安装能解决大部分隐性问题。

• 检查polyfills配置
  打开src/polyfills.ts，确认必要的polyfill已启用（比如core-js相关导入）。Angular 9对浏览器兼容性有要求，若使用较老浏览器，可能需要补充更多polyfill才能正常渲染。

• 验证构建产物是否正常
  执行yarn run build后，查看dist目录下的文件是否完整。然后用静态服务器（比如npx serve dist/）访问产物，如果静态访问也空白，说明构建配置有问题，要检查angular.json里的outputPath、assets/include等配置是否正确。

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