静态类对象属性在运行时未定义

Question

我有一个奇怪的问题

我有这堂课

export class PageList {

  static readonly About: IPageInfo = Object.seal({
    menuTitle: 'About',
    url: 'about',
    trainingType: undefined,
    trainingName: undefined
  });

  static readonly PrivacyFull: IPageInfo = Object.seal({
    menuTitle: 'FullPrivacyDetails',
    url: 'privacy-full',
    trainingType: undefined,
    trainingName: undefined
  });
}

我以这种方式在组件中使用它：

import { PageList } from 'src/app/models/classes/page-list.model';

@Component({
  selector: 'app-privacy',
  templateUrl: './privacy.page.html',
  styleUrls: ['./privacy.page.scss']
})
export class PrivacyPage implements OnInit {
    onSeeAll() {
        this.navService.push(PageList.PrivacyFull)
    }
}

在this.navService.push中，我得到了PrivacyFull为menuTitle的{​​{1}}静态成员。

在Chrome开发者工具中查看该文件时，它表示为undefined，但如果我看到该文件（DevTools喜欢），则该文件与我编写时一样。

我在这里做错了吗？我真的看不到。

或者Typescript / Webpack是否以错误的方式进行编译？

编辑：当我看到生成的webpack模块时，它也是未定义的。

编辑（如果需要），这里是我的undefined依赖项

package.json