TypeScriptを追加するのに苦労していますすでに存在するcreate-react-app アプリケーション。以前は、プロジェクトを開始する前に、 だけで常に追加していましたcreate-react-app my-app --scripts-version=react-scripts-ts
が、今は機能しません。
私が見つけた唯一の「解決策」ここは:
- 一時プロジェクトを作成する
react-scripts-ts
tsconfig.json
、tsconfig.test.json
をtslint.json
一時プロジェクトの src フォルダーからプロジェクトのフォルダーにコピーしますsrc
。- で、スクリプト セクションの へ
package.json
のすべての参照を に変更しますreact-scripts
。react-scripts-ts
これは奇妙な回避策のように思えますし、あまり効率的ではありません。これよりも良い方法で追加できるかどうか知っている人はいませんか?
ベストアンサー1
react-scripts 2.10以降では、タイプスクリプト既存のプロジェクトに追加するか、新しいプロジェクトを作成するときに使用します。
既存のプロジェクト
yarn add typescript @types/node @types/react @types/react-dom @types/jest --dev
....js
ファイル名を次のように変更します.tsx
新しいプロジェクト
yarn create react-app my-app --template typescript
詳しくはこちらドキュメント内。
問題がある場合は、ドキュメントのトラブルシューティング セクションにある次の内容が役立つ場合があります。
トラブルシューティング
プロジェクトが TypeScript を有効にして作成されていない場合、npx は create-react-app のキャッシュされたバージョンを使用している可能性があります。npm uninstall -g create-react-app または yarn global remove create-react-app を使用して、以前にインストールしたバージョンを削除してください (参照 #6119)。