バージョン情報
- TypeScript: 4.1.2
- create-react-app: 4.0.0
エラー内容
Reactアプリをサクッと書きたいときに便利なcreate-react-app。
TypeScriptで書きたいなと思ったときには、
npx create-react-app [app name] --template typescript
と書くことで簡単に作成してくれるのですが、create-react-appのバージョンを4.0.0にした途端、npm startをしてみると
path\to\app\node_modules\react-scripts\scripts\utils\verifyTypeScriptSetup.js:239
appTsConfig.compilerOptions[option] = value;
^
TypeError: Cannot assign to read only property 'jsx' of object '#<Object>'
のように怒られてしまう問題が発生しました。
解決方法
- create-react-appによって作成された
tsconfig.jsonを削除 - その状態で
npm startまたはyarn startする。(ここで自動的にtsconfig.jsonが再作成される) - なぜか動くようになる!!!
何が違うのか気になったため2つのtsconfig.jsonを比較しましたが、何も違いませんでした。
なぜ動くんだ......
(参考: https://github.com/facebook/create-react-app/issues/10117)