काम करने के लिए सामग्री-यूआई डेटपिकर नहीं मिल सकता है

Question

किसी कारण से, मुझे काम करने के लिए सामग्री-यूआई डेटपिकर नहीं मिल सकता है । हर बार जब डेटपाइटर प्रतिक्रिया में दिया जाता है, तो निम्न त्रुटि दी जाती है:

RangeError: Format string में एक unescaped लैटिन वर्णमाला वर्ण होता है n

मैंने सिर्फ डेटपिकर ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) के साथ एक स्टैकब्लिट्ज़ बनाया है और वहाँ भी त्रुटि दिखाई देती है। मैं क्या गलत कर रहा हूं? मुझे लगता है कि मैंने इंस्टॉलेशन गाइड से सभी निर्देशों का पालन किया।

सामग्री- ui / पिकर से लिंक करें: https://material-ui-pickers.dev/

Comments

इस बीच, मैंने यह भी देखा कि उन्होंने अपने प्रलेखन को अद्यतन किया है।

— न्यूविजंटल

मुझे भी यही समस्या थी। इसका अनुभव करने के बाद, मैं पहले ही बता सकता हूं कि आगे जो सड़क है वह इस ढांचे का उपयोग करने के लिए लंबी है।

— मोसिया थाबो

Answer 1

मुझे भी यही समस्या थी, गितुब मुद्दों में यह मिला:

https://github.com/mui-org/material-ui-pickers/issues/1440 इसलिए मैंने "@ तारीख- io / date-fns" स्थापित किया: "^ 1.3.13"

Comments

यह बात है, धन्यवाद! वे वास्तव में वहाँ प्रलेखन अद्यतन करना चाहिए या कम से कम वहाँ एक टिप्पणी डाल जब तक यह तय हो गया है।

— NewVigilante

Answer 2

अपने पैकेज को डाउनग्रेड करें @date-io@^1.3.13

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

Answer 3

ऐसा लगता है कि सामग्री-यूआई-पिकर उदाहरण निम्नलिखित निर्भरता संस्करणों (जो आपके से अलग हैं) का उपयोग कर रहा है:

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

आपके उदाहरण में, आप सामग्री-उई-बीनने वालों के पदावनत संस्करण के साथ @ तारीख-आईओ के नए संस्करण का उपयोग कर रहे हैं:

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

आप (1) अपने संस्करणों को उदाहरण से मिलान करने के लिए सेट कर सकते हैं या (2) नवीनतम सामग्री-यूआई-पिकर संस्करण का उपयोग कर सकते हैं और DateFnsUtils के बजाय कस्टम फ़ंक्शन का उपयोग करके दिनांक स्वरूपण कर सकते हैं।

उम्मीद है की यह मदद करेगा।

Comments

मुझे लगता है कि मैं नवीनतम पैकेजों का उपयोग कर रहा हूं। सुझाव के रूप में आप जिन्हें भेजते हैं, वे वही होते हैं जो अपदस्थ होते हैं, जिनका मैं उत्पादन में उपयोग नहीं करता। मेरे द्वारा उपयोग किए जाने वाले सभी पैकेज अधिष्ठापन गाइड में कमांड चलाने से हैं ( सामग्री-

— ui-pickers.dev/getting-started/installation

Answer 4

मैंने ऊपर दिए गए उत्तरों को आजमाया, लेकिन यह मुझे हल करने के लिए सुराग नहीं दिया, यदि पिछले उत्तर आपके लिए काम नहीं करते हैं तो आपको पूरी तरह से अपग्रेड करना होगा।

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

Answer 5

बस क्षण का प्रयोग करें: npm i @ date-io / moment @ 1.x क्षण

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

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

Answer 6

यह सामग्री ui पिकर v3 संघर्ष @ तारीख-ओयो के साथ होने के कारण, आधिकारिक साइट पर जा सकता है

महत्वपूर्ण: सामग्री-यूआई-पिकर v3 के लिए @ तिथि-io एडेप्टर के v1.x संस्करण का उपयोग करें।

Answer 7

आपको स्थापित करने की आवश्यकता है

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

आधिकारिक साइट से। https://material-ui-pickers.dev/getting-started/installation और उनके निर्देशों का पालन करें।