Как исправить «стили $ 6.makeStyles не является функцией» в шутливых юнит-тестах? - PullRequest
Новая
       42

Как исправить «стили $ 6.makeStyles не является функцией» в шутливых юнит-тестах?

1 голос
/ 17 июня 2019

Я работаю в компоненте формы, внутри этой формы я использую DateTimePicker и MuiPickersUtilsProvider в oder для отображения двух полей DateTime.Все компилируется и работает нормально, но при написании модульного теста я получаю ошибку компиляции: 

    TypeError: styles$6.makeStyles is not a function

       9 | import Tab from '@material-ui/core/Tab';
      10 | import DateFnsUtils from '@date-io/date-fns';
    > 11 | import { DateTimePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';
         | ^
      12 | 
      13 | import {
      14 |     inputProps,

Чтобы исправить это, я создаю компонент и упаковываю форму и другие компоненты, необходимые с withStyles(styles), нодо сих пор у меня такая же проблема.В какой-то момент удалены из проекта все ссылки на @ material-ui / pickers и все работает нормально.

Вот так я пытался исправить проблему, я создал компонент-обертку TestWrapperComponent со следующим кодом: 

import React from 'react';
import {createMuiTheme, MuiThemeProvider} from "@material-ui/core";
import Form from '../Form';

const Theme = createMuiTheme({...});

export default withStyles(styles)(class TestWrapperComponent extends React.Component {

    render() {
        return <StateProvider initialState={{
            displaySuccessMsg: false,
        }} reducer={reducer}>
            <MuiThemeProvider theme={Theme}>
                 <Form/>
            </MuiThemeProvider>
        </StateProvider>
    }
});

Компонент формы имеет имя Форма

Я ожидал, что withStyles(styles) решит проблему, но у меня не было успеха.Я также ищу по всему Google, и не нашел ничего значащего.

1 Ответ

0 голосов
/ 20 июня 2019

Просто обновите материал-UI / Core v4 ?

...