Angular 18中无App Module时，如何实现HashLocationStrategy？

在 Angular 18 的独立组件模式下（已移除传统 App Module），实现 HashLocationStrategy 无需复杂配置，直接在应用启动时通过路由设置启用哈希模式即可，具体步骤如下：

• 首先在项目入口文件 main.ts 中导入所需依赖：

  import { bootstrapApplication } from '@angular/platform-browser';
  import { provideRouter, withHashLocation } from '@angular/router';
  import { AppComponent } from './app/app.component';
  import { routes } from './app/app.routes'; // 你的路由配置文件
  

• 接着在 bootstrapApplication 的配置项里，通过 provideRouter 结合 withHashLocation() 启用哈希路由：

  bootstrapApplication(AppComponent, {
    providers: [
      // 将路由配置和哈希模式参数传入
      provideRouter(routes, withHashLocation())
    ]
  }).catch(err => console.error(err));
  

完成上述配置后，你的应用路由就会自动切换为哈希模式，URL 会以 # 作为路由前缀（例如 http://localhost:4200/#/dashboard），完全适配移除 App Module 后的独立组件架构。

内容的提问来源于stack exchange，提问作者Jithin U. Ahmed