スタンドアロンコンポーネントの Angular アプリケーションで、URL にアンカー「#」が含まれてしまう

[gurezo]

質問です！ご存じの方いたら教えて下さい。

自分のサイトをスタンドアロンコンポーネント化しています。
スタンドアロンコンポーネント自体は完了しました。

URL にアンカー「#」が含まれるようになりました。
アンカー「#」を消すやり方がわかりません。どうやって実装すれば良いですか？
ex. http://localhost:4200/#/about

{ provide: LocationStrategy, useClass: HashLocationStrategy } を実装してみましたけど、変化なしでした。。。

stackblitzにもアンカー「#」が無いサンプルあったのですが、違いがわかりませんでした。。。
cf. Write Angular like a pro.

// main.ts
bootstrapApplication(AppComponent, appConfig).catch((error) =>
  console.error(error)

// appConfig.ts
export const appConfig = {
  .....,
  providers: [
    provideRouter(
      routes,
      ....
    ),
    { provide: LocationStrategy, useClass: HashLocationStrategy },
  ],
};

// app.routing.ts
export const routes: Routes = [
  {
    path: '',
    loadChildren: () =>
      import('./pages/home/home.routing').then((m) => m.homeRoutes),
  },
  {
    path: 'about',
    loadChildren: () =>
      import('./pages/about/about.routing').then((m) => m.aboutRoutes),
  },
 ......,
];

[gurezo]

自己解決しました。
providers 句に withHashLocation() を入れていた事が原因でした。
お騒げせしました。