Angular 5启动报Cannot Get /，修改TS文件刷新后可恢复？

看你描述的情况挺奇怪的——之前运行正常的Angular 5应用，提交版本控制后启动就报"Cannot Get /"，改个TS文件保存刷新又能正常运行，偶尔还会卡在加载页没任何控制台报错。我之前处理过类似场景，大概率是构建缓存、路由配置或开发服务器启动逻辑出了问题，给你几个针对性的解决方案：

1. 彻底清理缓存与构建产物 #

Angular CLI在开发模式下会缓存构建结果，提交版本控制后可能残留了旧缓存导致冲突。执行下面的命令彻底清理：

# 重置依赖包
rm -rf node_modules package-lock.json
npm install
# 清理Angular CLI缓存和dist目录
ng clean --force
ng build --prod

之后再用ng serve启动开发服务器，看看问题是否解决。

2. 检查base href配置 #

Angular路由依赖正确的base href配置，提交版本控制时可能不小心改了.angular-cli.json里的对应字段。

• 打开.angular-cli.json，确认apps数组里的baseHref是默认的"/"：

  "apps": [
    {
      "baseHref": "/",
      // 其他配置项...
    }
  ]
  

• 如果你的应用部署在子路径下，启动时要手动指定base-href：

  ng serve --base-href /your-app-subpath/
  

3. 验证路由的默认匹配规则 #

如果根路径/没有对应的路由配置，也会出现"Cannot Get /"的情况。检查你的app-routing.module.ts：

const routes: Routes = [
  { path: '', component: HomeComponent }, // 确保存在默认路由
  // 其他路由配置...
];

另外，注意不要错误地给默认路由加pathMatch: 'full'，除非你确实需要严格匹配根路径（一般不需要）。

4. 检查版本控制忽略的关键文件 #

有时候Git的.gitignore会误忽略Angular的核心配置文件，导致拉取代码后缺少必要配置。检查.gitignore，确保没忽略这些文件：

• .angular-cli.json（Angular 5的核心配置文件）
• src/environments/目录（环境配置文件）

5. 禁用缓存启动开发服务器 #

直接在启动命令里禁用构建缓存，强制CLI重新构建所有文件：

ng serve --no-cache

这个操作能绕过可能存在的缓存异常，帮你验证是不是缓存导致的问题。

如果以上方法都没用，建议去浏览器的Network标签看看资源加载情况——哪怕控制台没报错，也可能存在bundle文件加载失败的情况，这能帮你进一步定位问题。

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