既存の vscode プロジェクトを壊さずに jsconfig.json を追加する方法 質問する

既存の vscode プロジェクトを壊さずに jsconfig.json を追加する方法 質問する

React プロジェクトがありますが、現在jsconfig.jsonファイルを使用していません。最近、ビルド (yarn) を生成するときに、次の警告メッセージが表示されました。

モジュールを絶対的に解決するために NODE_PATH を設定することは非推奨となり、代わりに jsconfig.json (TypeScript を使用している場合は tsconfig.json) で baseUrl を設定することが推奨されます。これは、create-react-app の将来のメジャー リリースで削除される予定です。

base_urlを追加するための「ローカル修正」を見ましたここ ここしかし、他の場所でビルドが壊れてしまうのではないかと心配です。

既存のプロジェクトでこの問題を修正する最も安全な方法は何ですか? ではどのような追加設定が必要ですかjsconfig.json? それともまったく心配せずに無視したほうがよいでしょうか?

ベストアンサー1

モジュールを絶対的に解決するために NODE_PATH を設定することは非推奨となり、代わりに jsconfig.json (TypeScript を使用している場合は tsconfig.json) で baseUrl を設定することが推奨されます。これは、create-react-app の将来のメジャー リリースで削除される予定です。

これは、プロジェクト内の絶対パスに使用する方法、NODE_PATHつまり を追加する.env方法は非推奨となり、代わりにjsconfig.jsonまたは のいずれかで baseUrl を設定することを警告するものです。tsconfig.json

jsconfig.jsonこれを修正するには、ルートディレクトリにまたはを追加しtsconfig.json、baseUrlを次のように設定します。src

{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}

ここで、 を削除します。これNODE_PATHにより.env、現在のコードが壊れることはなく、警告も削除されます。

注:pathsまたはjsconfigはまtsconfigだCRAでサポートされていません。CRAプロジェクトでこの機能を使用する予定の場合は、待つ必要があります。

おすすめ記事