Material UI React - 找不到模块：无法解析“@material-ui/pickers”

Question

我收到以下错误：

Material UI React - 找不到模块：无法在 React 中解析“@material-ui/pickers”。

我有关于“@date-io/date-fns”的相同消息，但设法通过更新到最新版本来解决它： npm i --save date-fns@next @date-io/date-fns

我怀疑它可能需要类似的解决方案。

代码取自 Material-UI 网站上的示例。

谢谢！丹尼尔

[import 'date-fns';
import React from 'react';
import Grid from '@material-ui/core/Grid';
import DateFnsUtils from '@date-io/date-fns';
import { MuiPickersUtilsProvider, KeyboardTimePicker, KeyboardDatePicker } from '@material-ui/pickers';

function MaterialUITest() {
  // The first commit of Material-UI
  const \[selectedDate, setSelectedDate\] = React.useState(new Date('2014-08-18T21:11:54'));

  const handleDateChange = (date) => {
    setSelectedDate(date);
  };

  return (
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <Grid container justify="space-around">
        <KeyboardDatePicker
          disableToolbar
          variant="inline"
          format="MM/dd/yyyy"
          margin="normal"
          id="date-picker-inline"
          label="Date picker inline"
          value={selectedDate}
          onChange={handleDateChange}
          KeyboardButtonProps={{
            'aria-label': 'change date',
          }}
        />
        <KeyboardDatePicker
          margin="normal"
          id="date-picker-dialog"
          label="Date picker dialog"
          format="MM/dd/yyyy"
          value={selectedDate}
          onChange={handleDateChange}
          KeyboardButtonProps={{
            'aria-label': 'change date',
          }}
        />
        <KeyboardTimePicker
          margin="normal"
          id="time-picker"
          label="Time picker"
          value={selectedDate}
          onChange={handleDateChange}
          KeyboardButtonProps={{
            'aria-label': 'change time',
          }}
        />
      </Grid>
    </MuiPickersUtilsProvider>
  );
}

export default MaterialUITest;

Answer 1

您需要安装该依赖项，如下所示：

npm install @material-ui/pickers

可以解决之后，这对我的问题有所帮助。