角型プロジェクトをアップグレードした後で "Uncaught TypeError：nullまたは未定義で呼び出されたObject.setPrototypeOf"

Question

私は完全に動作するAngularアプリケーションを持っています。私はすべての問題を見つけることができません指定されたファイルと行番号を、以下の場合は

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 

：しかし、yarn upgradeを使用して依存関係をアップグレードした後、私はこの不可解なエラーを取得しています。 IDEは問題を示さず、コンパイルはエラーなしで行われます。

エラーで説明されているコンポーネントをコメントアウトしようとすると、別のコンポーネントの記述が始まります。

これを引き起こしている可能性があり、どのようにこの暗黙のエラーをデバッグ/調査しますか？

Answer 1

意味のあるエラーメッセージが表示されず、スタックトレースでほとんど何も表示されません。実際に何がこの問題を引き起こしているのかを調べることにしました。依存関係のアップグレード後に現れたことを考慮して、私はyarn.lockのdiffをプルアップし、エラーを取り除くかどうかをチェックする途中でアプリケーションの一部をリコンパイルし始めました。退屈な仕事をした後、TypeScriptが2.3.4から2.4.0に更新されたことが原因であることが分かりました。

したがって、次のステップはthe changelogを調べ、自分のコードで何が壊れているのかを分析することです。

最終的に、依存関係をより頻繁にアップグレードすることをお勧めします（これは、調査する必要がある場合に備えてアップグレードサイズを縮小するのに役立ちます）。

私はそれが誰かを助けることを望みます。乾杯！

更新

• は、さらなる調査の後、私はこのエラーが起こっている正確なケースを見つけたので、私は角度GitHubのリポジトリにposted an issueをしました。

• 最後に、タイプスクリプトのactual culprit issueです。