angular - 升级Angular项目后"Uncaught TypeError: Object.setPrototypeOf called on null or undefined"

Question

我有一个 Angular 应用程序，它运行良好。但是，在使用 yarn upgrade 升级依赖项后，我收到了这个神秘错误:

main.bundle.js:6779 Uncaught TypeError: Object.setPrototypeOf called on null or undefined
    at setPrototypeOf (<anonymous>)
    at webpackJsonp.../../../../../src/ui-components/src/components/phone-number-input/phone-number-input.component.ts.__extends (main.bundle.js:6779)
    at phone-number-input.component.ts:24
    at Object.../../../../../src/ui-components/src/components/phone-number-input/phone-number-input.component.ts (phone-number-input.component.ts:69)
    at __webpack_require__ (bootstrap 8652e46ce92ee05aa5a3:54)
    at Object.../../../../../src/ui-components/src/components/phone-number-input/phone-number-input.module.ts (phone-number-input.component.ts:24)
    at __webpack_require__ (bootstrap 8652e46ce92ee05aa5a3:54)
    at Object.../../../../../src/ui-components/src/ui-components.module.ts (roman-numeral.pipe.ts:10)
    at __webpack_require__ (bootstrap 8652e46ce92ee05aa5a3:54)
    at Object.../../../../../src/app/app.module.ts (app.component.ts:31)
webpackJsonp.../../../../../src/ui-components/src/components/phone-number-input/phone-number-input.component.ts.__extends @ main.bundle.js:6779
(anonymous) @ phone-number-input.component.ts:24
../../../../../src/ui-components/src/components/phone-number-input/phone-number-input.component.ts @ phone-number-input.component.ts:69
__webpack_require__ @ bootstrap 8652e46ce92ee05aa5a3:54
../../../../../src/ui-components/src/components/phone-number-input/phone-number-input.module.ts @ phone-number-input.component.ts:24
__webpack_require__ @ bootstrap 8652e46ce92ee05aa5a3:54
../../../../../src/ui-components/src/ui-components.module.ts @ roman-numeral.pipe.ts:10
__webpack_require__ @ bootstrap 8652e46ce92ee05aa5a3:54
../../../../../src/app/app.module.ts @ app.component.ts:31
__webpack_require__ @ bootstrap 8652e46ce92ee05aa5a3:54
../../../../../src/main.ts @ environment.ts:10
__webpack_require__ @ bootstrap 8652e46ce92ee05aa5a3:54
2 @ ui-components.module.ts:108
__webpack_require__ @ bootstrap 8652e46ce92ee05aa5a3:54
webpackJsonpCallback @ bootstrap 8652e46ce92ee05aa5a3:25
(anonymous) @ main.bundle.js:1

当遵循指定的文件和行号时，我找不到任何问题。 IDE 没有显示任何问题，编译也没有错误。

当试图注释掉错误中提到的组件时，它只是开始提到另一个组件。

可能是什么原因造成的，我该如何调试/调查这个神秘错误？

Answer 1

没有任何有意义的错误消息，堆栈跟踪几乎什么也没有告诉我。我决定调查究竟是什么触发了这个问题。考虑到它是在依赖项升级后出现的，我已经提取了 yarn.lock 的差异并开始恢复它的某些部分并重新编译应用程序以检查它是否会使错误消失。经过一些繁琐的工作，我发现它是由 TypeScript 从 2.3.4 更新到 2.4.0 引起的。

所以下一步就是研究the changelog并分析我的代码中可能出现的问题。

因此，最后我建议更频繁地升级您的依赖项(这将有助于减少升级大小，以防您需要调查它)。

希望对大家有所帮助。干杯!

更新

• 经过进一步调查，我发现了发生此错误的确切情况，所以我 posted an issue到 Angular GitHub 存储库。

• 最后，这是 actual culprit issue在 TypeScript 中。