ไม่สามารถรับ datepicker ของวัสดุ -ui เพื่อให้ทำงานได้

ด้วยเหตุผลบางอย่างฉันไม่สามารถรับdatepicker ของui วัสดุให้ทำงานได้ ทุกครั้งที่ datepicker แสดงผลใน React ข้อผิดพลาดต่อไปนี้จะถูกส่งออกไป:

RangeError: สตริงรูปแบบมีอักขระตัวอักษรละตินที่ไม่ใช้ Escape n

ฉันได้สร้าง stackblitz ด้วยเพียง datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) และยังมีข้อผิดพลาดปรากฏขึ้น ผมทำอะไรผิดหรือเปล่า? ฉันคิดว่าฉันทำตามคำแนะนำทั้งหมดจากคู่มือการติดตั้ง

เชื่อมโยงไปยัง material-ui / pickers: https://material-ui-pickers.dev/

ฉันมีปัญหาเดียวกันพบสิ่งนี้ในปัญหา GitHub:

https://github.com/mui-org/material-ui-pickers/issues/1440 ดังนั้นฉันจึงติดตั้ง "@ date-io / date-fns": "^ 1.3.13" และทำให้มันทำงานได้

ลดระดับแพ็คเกจของคุณเป็น @date-io@^1.3.13

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

ดูเหมือนว่าตัวเลือกวัสดุ -ui-pickers กำลังใช้เวอร์ชันการพึ่งพาต่อไปนี้ (ซึ่งแตกต่างจากของคุณ):

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

ในตัวอย่างของคุณคุณกำลังใช้ @ date-io เวอร์ชันที่ใหม่กว่าซึ่งเป็นเวอร์ชั่นที่ไม่รองรับของ material-ui-pickers:

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

คุณสามารถ (1) ตั้งค่ารุ่นของคุณให้ตรงกับตัวอย่างหรือ (2) ใช้เวอร์ชัน material-ui-pickers เวอร์ชันล่าสุดและดำเนินการจัดรูปแบบวันที่โดยใช้ฟังก์ชันที่กำหนดเองแทน 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}>

เป็นเพราะความขัดแย้งของตัวเลือกวัสดุ ui v3 กับ @ date-io สามารถเยี่ยมชมเว็บไซต์อย่างเป็นทางการ

สำคัญ: สำหรับ material-ui-pickers v3 ให้ใช้เวอร์ชัน v1.x ของอะแด็ปเตอร์ @ date-io