Неможливо змусити підбирати дату матеріалів для роботи

З якихось причин я не можу змусити роботу вибору дат матеріалу . Кожен раз, коли вибирач дати відображається в React, видається така помилка:

RangeError: Рядок форматування містить нерозміщений символ латинського алфавіту n

Я створив stackblitz лише за допомогою датника ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) і навіть там з’являється помилка. Що я роблю неправильно? Я думаю, що я дотримувався всіх інструкцій з посібника з установки.

Посилання на матеріал-ui / pickers: https://material-ui-pickers.dev/

У мене була така ж проблема, це було знайдено в питаннях про github:

https://github.com/mui-org/material-ui-pickers/isissue/1440, тому я встановив "@ date-io / date-fns": "^ 1.3.13" і змусив його працювати

Поновіть пакет до @date-io@^1.3.13

npm i @date-io/date-fns@1.3.13

Схоже, що в прикладі вибору матеріалу ui-material використовується такі версії залежності (які відрізняються від ваших):

"@date-io/date-fns": "1.0.1",
"material-ui-pickers": "2.1.1",

У вашому прикладі ви використовуєте більш нову версію @ date-io із застарілою версією матеріалу-ui-pickers:

"@date-io/date-fns": "2.0.1",
"@material-ui/pickers": "3.2.8",

Ви можете (1) встановити ваші версії так, щоб вони відповідали прикладу, або (2) використовувати останню версію вибору матеріалу-інтерфейсу та виконувати форматування дати за допомогою спеціальної функції замість DateFnsUtils.

Сподіваюсь, це допомагає.

вам потрібно встановити

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

з офіційного сайту. https://material-ui-pickers.dev/getting-started/installation та дотримуйтесь їх інструкцій.

Я спробував відповіді вище, але це не спрацювало, але вони дали мені підказку щодо рішення, вам доведеться зробити повний пониження, якщо попередні відповіді не спрацювали для вас

npm install @material-ui/pickers@3.2.8
npm install @date-io/date-fns@1.3.13
npm install date-fns@2.8.1

Просто використовуйте momentJS: npm i @ date-io / moment @ 1.x момент

import MomentUtils from '@date-io/moment';

function App() {
  return (
    <MuiPickersUtilsProvider utils={MomentUtils}>

це пов'язано з конфліктом матеріалів, які вибирають інтерфейс інтерфейсу v3 з @ date-io, і можуть відвідати офіційний сайт

Важливо: Для вибору матеріалів ui-v3 v3 використовуйте v1.x версію адаптерів @ date-io.