Materyal-UI Datepicker çalıştırılamıyor

19

Nedense, malzeme-ui tarih seçicisinin çalışmasını sağlayamıyorum . Tarih seçici React'te her oluşturulduğunda, aşağıdaki hata atılır:

RangeError: Biçim dizesi, çıkış karakteri olmayan bir latin alfabesi karakteri içeriyor n

Ben sadece datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) ile bir stackblitz oluşturdum ve hatta orada hata gösterir. Neyi yanlış yapıyorum? Sanırım kurulum kılavuzundaki tüm talimatları izledim.

Malzeme-ui / toplayıcılarına bağlantı: https://material-ui-pickers.dev/

— NewVigilante
kaynak

Bu arada, belgelerini güncellediklerini de görüyorum.

— NewVigilante

1

Ben de aynı problemi yaşadım. Bunu deneyimledikten sonra, önünüzdeki yolun bu çerçeveyi kullanarak uzun olduğunu zaten söyleyebilirim.

— Mosia Thabo

19

Aynı sorunu yaşadım, github konularında buldum:

https://github.com/mui-org/material-ui-pickers/issues/1440 Bu yüzden "@ date-io / date-fns": "^ 1.3.13" 'i yükledim ve çalıştırdım

— Michaud
kaynak

İşte bu, teşekkürler! Bu belgeleri gerçekten güncellemeli veya en azından düzeltilene kadar bir yorum koymalıdırlar.

— NewVigilante

9

Paketinizi şuna düşürün: @date-io@^1.3.13

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

— sultan aslamı
kaynak

1

Görünüşe göre material-ui-pickers örneği aşağıdaki bağımlılık sürümlerini (sizinkinden farklı) kullanıyor:

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

Örneğin, kullanımdan kaldırılmış bir material-ui-pickers sürümü olan daha yeni bir @ date-io sürümü kullanıyorsunuz:

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

Sürümlerinizi örneğe uyacak şekilde ayarlayabilir veya (2) en son material-ui-pickers sürümünü kullanabilir ve DateFnsUtils yerine özel bir işlev kullanarak tarih biçimlendirmesi gerçekleştirebilirsiniz.

Bu yardımcı olur umarım.

— Jeff Tsui
kaynak

Sanırım en son paketleri kullanıyorum. Öneri olarak gönderdiğiniz kişiler, üretimde kullanmak istemeyeceğim, kullanımdan kaldırılanlar gibi görünüyor. Kullandığım tüm paketler, kurulum kılavuzundaki komutları çalıştırmaktan ( material-ui-pickers.dev/getting-started/installation )

— NewVigilante

1

yüklemen gerek

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

resmi siteden. https://material-ui-pickers.dev/getting-started/installation ve talimatlarını uygulayın.

— Shahnad
kaynak

1

Yukarıdaki cevapları denedim ama işe yaramadı, bana çözüm hakkında ipucu verdiler, önceki cevaplar sizin için işe yaramazsa tam bir sürüm düşürmeniz gerekecek

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

— Pedro JR
kaynak

1

Sadece moment kullan JS: npm i @ date-io / moment @ 1.x moment

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

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

— Gleb Dolzikov
kaynak

0

@ date-io ile malzeme ui seçiciler v3 çakışması nedeniyle, resmi siteyi ziyaret edebilir

Önemli: v3-malzeme seçicileri için @ date-io bağdaştırıcılarının v1.x sürümünü kullanın.

— Muzamil301
kaynak