cypressのエラー「TS5053: Option 'sourceMap' cannot be specified with option 'inlineSourceMap'」の対応方法

課題：cypressの実行時に、tsconfig.jsonのsouceMapがtrueだとエラーが発生する

エラー

Error: Webpack Compilation Error
[tsl] ERROR
      TS5053: Option 'sourceMap' cannot be specified with option 'inlineSourceMap'.

原因：

参考

問題は、inlineSourceMap をハードコーディングしていることらしいです。

解決方法

参考

以下のtsconfig.jsonを作成すると、cypress実行時は別のtsconfig.jsonが読み込まれるので問題が解決します。

./cypress/tsconfig.json

{
    "extends": "../tsconfig.json",
    "compilerOptions": {
        "sourceMap": false,
    },
}

tsconfig.jsonの内容について

extends

• "extends": "../tsconfig.json": この行は、現在の設定ファイルが他の tsconfig.json ファイルの設定を継承することを示しています。ここでは、相対パス ../tsconfig.json を使用して、現在のファイルの一つ上のディレクトリにある tsconfig.json ファイルの設定を継承しています。
• 継承により、基本的な設定は親の tsconfig.json ファイルから引き継がれます。これにより、共通の設定を複数のプロジェクトやフォルダ間で再利用できます。