Không thể lấy nguyên liệu-ui datepicker để làm việc

19

Vì một số lý do, tôi không thể làm cho công cụ hẹn hò vật liệu-ui hoạt động. Mỗi lần hiển thị ngày tháng trong React, lỗi sau sẽ được đưa ra:

RangeError: Chuỗi định dạng chứa một ký tự bảng chữ cái Latin không thoát n

Tôi đã tạo một stackblitz chỉ bằng datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) và thậm chí có lỗi xuất hiện. Tôi đang làm gì sai? Tôi nghĩ rằng tôi đã làm theo tất cả các hướng dẫn từ hướng dẫn cài đặt.

Liên kết đến tài liệu-ui / pickers: https : // m Liệu-ui-tersers.dev /

— NewVigilante
nguồn

Trong khi đó, tôi cũng thấy họ đã cập nhật tài liệu của họ.

— NewVigilante

1

Tôi đã từng gặp vấn đề tương tự. Sau khi trải nghiệm điều này, tôi đã có thể nói rằng con đường phía trước đang dài sử dụng khuôn khổ này.

— Mosia Thabo

19

Tôi đã có cùng một vấn đề, tìm thấy điều này trong các vấn đề github:

https://github.com/mui-org/m vật liệu -ui-pickers/issues/1440 vì vậy tôi đã cài đặt "@ date-io / date-fns": "^ 1.3.13" và hoạt động

— Michaud
nguồn

Đó là nó, cảm ơn! Họ thực sự nên cập nhật tài liệu ở đó hoặc ít nhất là đặt bình luận ở đó cho đến khi nó được sửa.

— NewVigilante

9

Hạ cấp gói của bạn xuống @date-io@^1.3.13

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

— sultan aslam
nguồn

1

Có vẻ như ví dụ về trình chọn vật liệu đang sử dụng các phiên bản phụ thuộc sau (khác với phiên bản của bạn):

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

Trong ví dụ của bạn, bạn đang sử dụng phiên bản mới hơn của @ date-io với phiên bản không được chấp nhận của trình chọn vật liệu:

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

Bạn có thể (1) đặt các phiên bản của mình khớp với ví dụ hoặc (2) sử dụng phiên bản chọn vật liệu mới nhất và thực hiện định dạng ngày bằng cách sử dụng chức năng tùy chỉnh thay vì DateFnsUtils.

Hi vọng điêu nay co ich.

— Jeff Tsui
nguồn

Tôi nghĩ rằng tôi đang sử dụng các gói mới nhất. Những người bạn gửi như một lời đề nghị dường như là những người bị phản đối, mà tôi không muốn sử dụng trong sản xuất. Tất cả các gói tôi đã sử dụng là từ việc chạy các lệnh trong hướng dẫn cài đặt ( Material-ui-pickers.dev/getting-started/installation )

— NewVigilante

1

bạn cần cài đặt

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

từ trang web chính thức. https: // vật liệu-ui-tersers.dev / getting-started / installation và làm theo hướng dẫn của họ.

— Shahnad
nguồn

1

Tôi đã thử các câu trả lời ở trên nhưng nó không hoạt động nhưng chúng cho tôi manh mối về giải pháp, bạn sẽ phải hạ cấp hoàn toàn nếu các câu trả lời trước không hiệu quả với bạn

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
nguồn

1

Chỉ cần sử dụng khoảnh khắcJS: npm i @ date-io / khoảnh khắc @ 1.x khoảnh khắc

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

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

— Gleb Dolzikov
nguồn

0

đó là do vật liệu ui pick v3 xung đột với @ date-io, có thể truy cập trang web chính thức

Quan trọng: Đối với người chọn vật liệu-ui-pick v3, hãy sử dụng phiên bản v1.x của bộ điều hợp @ date-io.

— Muzamil602
nguồn