如果您尝试使用自定义头文件（像我一样），这是我发现非常容易实现的变通方法，并且工作起来就像它应该做的那样。
/components/custom-header.html

<ion-toolbar>
  <ion-buttons slot="start">
    <ng-content></ng-content>
  </ion-buttons>
  <ion-title>Page title</ion-title>
</ion-toolbar>

其用法如下：
/pages/home-page.html

<ion-header>
    <custom-header>
       <ion-back-button></ion-back-button>
    </custom-header>
</ion-header>

这是我的项目

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button text=""></ion-back-button>
    </ion-buttons>
    <ion-title>About</ion-title>
  </ion-toolbar>
</ion-header>

github页面上有一个未决问题，即ion-back-button不会在非ion-header容器（如自定义组件）中显示，不过，你可以用css解决这个问题。

.can-go-back ion-back-button {
    display: block;
}

GitHub问题自2019年起开放：https://github.com/ionic-team/ionic-framework/issues/17039

我有同样的问题，因为你的，我已经设法删除<ion-back-button>，并作出了这样的自定义按钮：

<ion-toolbar>
    <ion-buttons slot="start">
        <ion-item lines="none" routerLink="/home">
            <ion-img src='path-to-your.png'></ion-img>
        </ion-item>
        <ion-text>About</ion-text>
    </ion-buttons>
</ion-toolbar>

那就调整一下风格，有点麻烦，但很值得.

我发现它的工作方式更干净..通过使用相同的离子按钮，但有一个图标内..它的清洁这种方式和工作刚刚正常..所有你需要做的是改变路线到以前的路线

<ion-buttons slot="start">
    <ion-buttons slot="start" routerLink="/payment">
      <ion-icon name="chevron-back-outline" class="xdsffdd"></ion-icon>
    </ion-buttons>
  </ion-buttons>