我正在调试一个导入到Angular组件中的方法。但是，一些关于typescript的作用域特性意味着我不能通过调试器访问导入的方法。
这个方法是date-fns中的formatDuration方法。我希望能够直接在调试器中调试这个方法，但是由于某种原因，这个方法不能在调试器中访问，并且总是未定义的。

import { Component } from '@angular/core'
import { formatDuration } from 'date-fns' // <= method imported

...

export class EntryComponent {

  duration:integer = 1000
  constructor() { }

  get duration():string{

    let duration_str = formatDuration({ seconds: this.duration },
                                      {format: ['hours', 'minutes']}
    )
    // I want to be able to jump in here and use the `formatDuration` method:
    debugger // <= debug statement

    return duration_str
  }
}

调试工具无法辨识我尝试呼叫的方法

当我运行上面的代码并尝试在控制台中调用formatDuration方法时，我得到一个错误：

该方法可供承载它的代码使用

我不能使用调试器调用方法，但是如果我删除调试器语句，它将被成功调用。由于某些原因，它超出了调试器的范围，尽管🤷🏼‍♂️

将方法复制到局部变量使其可用...

get duration():string{

  let duration_str = formatDuration({ seconds: this.duration },
                                    {format: ['hours', 'minutes']}
  )
  // make a copy -------------
  let myVersion:any = formatDuration; 
  // -------------------------
  debugger // <= debug statement
  
  return duration_str
}

现在，在控制台中运行myVersion将返回预期的函数：

Stackblitz演示
Here's a stackblitz app that shows the problem。在加载页面之前打开调试器，然后按照调试行前面的说明进行操作。The source code for the Stackblitz page is here。
作用域发生了什么事情，以至于我不能直接访问导入的方法？