web-dev-qa-db-fra.com

Impossible de faire fonctionner le sélecteur de date Material-ui

Pour une raison quelconque, je ne parviens pas à faire fonctionner le sélecteur de date material-ui . Chaque fois que le sélecteur de date est rendu dans React, l'erreur suivante est générée:

RangeError: la chaîne de format contient un caractère de l'alphabet latin non échappé n

J'ai créé un stackblitz avec juste le datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) et même là l'erreur apparaît. Qu'est-ce que je fais mal? Je pense avoir suivi toutes les instructions du guide d'installation.

Lien vers le matériel-ui/pickers: https://material-ui-pickers.dev/

24
NewVigilante

J'ai essayé les réponses ci-dessus, cela n'a pas fonctionné mais elles m'ont donné un indice sur la solution, vous devrez effectuer une rétrogradation complète si les réponses précédentes ne fonctionnent pas pour vous

npm install @material-ui/[email protected]
npm install @date-io/[email protected]
npm install [email protected]
1
Pedro JR

vous devez installer

npm i @ date-io/date-fns @ 1.x date-fns

du site officiel. https://material-ui-pickers.dev/getting-started/installation et suivez leurs instructions.

1
Shahnad

Pour moi, la seule chose qui a créé ce problème était l'ordre de la déclaration d'importation.

import 'date-fns'; avant d'importer import DateFnsUtils from '@date-io/date-fns';

c'est à dire

import 'date-fns'
import DateFnsUtils from '@date-io/date-fns';
0
kapil pandey