Material-UIの日付ピッカーが機能しない
何らかの理由で、material-ui日付ピッカーが機能しません。日付ピッカーがReactでレンダリングされるたびに、次のエラーがスローされます。
RangeError：書式文字列にエスケープされていないラテンアルファベット文字
nが含まれています
日付ピッカー（ https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ）だけでStackblitzを作成しましたが、そこにもエラーが表示されます。何が悪いのですか？インストールガイドのすべての指示に従っていたと思います。
Material-ui/pickersへのリンク： https://material-ui-pickers.dev/
上記の回答を試してもうまくいかなかったが、解決策の手がかりが得られた。以前の回答がうまくいかない場合は、完全にダウングレードする必要がある
npm install @material-ui/[email protected]
npm install @date-io/[email protected]
npm install [email protected]
あなたはインストールする必要があります
npm i @ date-io/date-fns @ 1.x date-fns
公式サイトから。 https://material-ui-pickers.dev/getting-started/installation の指示に従ってください。
私にとってこの問題を引き起こしている唯一のものは、インポートステートメントの順序でした。
import 'date-fns';インポートする前にimport DateFnsUtils from '@date-io/date-fns';
つまり
import 'date-fns'
import DateFnsUtils from '@date-io/date-fns';