element-ui组件MessageBox 弹框确认消息报Uncaught (in promise) error

问题场景：前端使用vue-admin-teamplate-master搭建，写了删除一行数据的功能，在按钮点击删除后提示删除成功，但是随后先报了绿框提示删除成功，随后弹出红框但是没有提示信息，浏览器F12显示Uncaught (in promise) error。
组件地址：element-ui组件地址
源码：

首先是index.vue页面部分点击事件绑定

 //删除的方法
    removeDataById(id) {
   
      // console.log(id)
      //调用方法根据id删除
      // teacher.deleteTeacherId(id)
      //         .then()
      //         .catch()
      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
   
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
   
            return  teacher.deleteTeacherId(id)
        }).then(()=>{
   
              this.getListTeacher()//刷新页面
          this.$message({
   
            type: "success",
            message:
              "删除成功!"
          })
        })