Angular应用在移动端可打开但无内容问题求助

• 修正资源加载路径
  移动端能加载页面但无内容，大概率是JS、CSS等静态资源的加载路径解析错误。启动项目时加上--public-host参数指定资源的公共访问地址，替换成你的电脑IP和端口：

  ng serve --host=0.0.0.0 --disable-host-check --public-host=http://[你的电脑IP]:4200
  

  比如你的电脑IP是192.168.3.10，命令就是：

  ng serve --host=0.0.0.0 --disable-host-check --public-host=http://192.168.3.10:4200
  

• 检查端口与防火墙设置
  确认电脑防火墙没有拦截Angular的服务端口（默认4200）。可以在移动端用telnet [电脑IP] 4200测试端口连通性，不通的话就去防火墙添加入站规则，开放对应端口。

• 验证base href配置
  打开项目根目录的index.html，检查<base href="/">标签。本地开发时保持根路径即可，如果之前修改过，改回<base href="/">再测试。

• 临时禁用Service Worker
  如果项目启用了Service Worker，本地开发缓存可能导致页面异常。可以在app.module.ts里注释掉Service Worker的注册代码，或者启动时加上--prod=false强制用开发模式：

  ng serve --host=0.0.0.0 --disable-host-check --prod=false
  

• 兼容低版本移动端浏览器
  部分老款移动端浏览器对ES6+语法支持不足，启动时指定编译目标为ES5：

  ng serve --host=0.0.0.0 --disable-host-check --target=es5
  

内容的提问来源于stack exchange，提问作者ALEJANDRO MORALES LOAIZA