小编Blu*_*int的帖子

我正在使用 构建一个应用程序Material-UI，到目前为止一切顺利。我正在尝试使用一个Accordion组件构建一个组件，但在尝试导入它时出现错误：

Module not found: Can't resolve '@material-ui/core/Accordion' in [path]

我试图通过默认导入和命名导入来导入它，但结果是一样的。

组件：

import React from 'react';
//  import {
//     Accordion,
//     AccordionSummary,
//     AccordionDetails
//  } from '@material-ui/core';
import Accordion from '@material-ui/core/Accordion';
import AccordionSummary from '@material-ui/core/AccordionSummary';
import AccordionDetails from '@material-ui/core/AccordionDetails';
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';


const JobCard = () => {

    return(
        <Accordion expanded={true}>
            <AccordionSummary
                expandIcon={<ExpandMoreIcon />}
            >
                test
            </AccordionSummary>
            <AccordionDetails>
                test
            </AccordionDetails>
        </Accordion>
    );
}

export default JobCard;

我的所有其他组件都可以与导入的 Material-UI 组件一起正常工作。

我在这里错过了什么我做错了吗？有没有人遇到过这样的问题？

我正在构建一个 React 应用程序并material-ui-pickers在一个也使用formik表单和yup验证的自定义组件中使用日期选择器组件。该组件在不同的浏览器上运行良好，但是在 Safari 上给我带来了组件内部的错误（使用 formik+yup 验证）和 Date Picker 组件的内置 invalidDateMessage 属性。我认为这个问题与 material-ui-pickers 日期选择器有关的原因是，在表单中我有其他 Material-UI 字段，在所有浏览器上都可以正常工作。

我尝试查找类似的问题，但没有找到任何问题，也尝试验证（将 date() 更改为 string()）不起作用。

我正在处理更改时的值，以便能够使字符串过期，但如果没有它，组件将根本无法工作，所以我认为这不是问题。

组件：

import moment from "moment";
import MomentUtils from "@date-io/moment";
import React from "react";
import { FormHelperText } from "@material-ui/core";
import { Field, ErrorMessage } from "formik";
import { DatePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";

const FormikDatePicker = ({
    name,
    label,
    disablePast = false,
    disableFuture = false,
    ongoing = false,
    disableEnd = false,
}) => …