バージョン情報
- 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)