Material-ui: «TS2554: ожидается 1 аргумент, но получено 0.» на крючок, возвращенный makeStyles

Включите декларацию styles и tsconfig.json . Появляется ли ошибка при запуске tsc ? Спрашиваю об этом, потому что интеграции IDE, как правило, используют другую версию машинописного текста.

Несвязанная придирка: предпочитать разрешенные строки версии react@next меняются с течением времени. Вы, наверное, имели ввиду [email protected] ?

Я не использую tsc сам, я использую среду IDE для преобразования .ts/x в .js/x напрямую (на месте) всякий раз, когда я изменяю файл TypeScript.

В комплекте с WebStorm я использую версию 3.1.1 .

Обновлен OP, чтобы отразить версию React, которую я использую: 16.7.0-alpha.2

styles переменная:

const styles = {
    chart: {
        width: '100%',
        height: 70,
        backgroundColor: '#f9f9f9'
    },
}

(Я получаю то же сообщение, когда styles определяется как функция ( theme => { /* definitions */ } ).

tsconfig.json :

{
  "compilerOptions": {
    "sourceMap": false,
    "target": "ES2017",
    "module": "ES6",
    "jsx": "react",
    "moduleResolution": "Node",
    "strictPropertyInitialization": true,
    "strictNullChecks": true,
    "noImplicitAny": true
  }
}

(Я получаю то же сообщение, когда styles определяется как функция ( theme => { /* definitions */ } ).

Тогда у вашей настройки тоже есть проблема. Мы тестируем использование обратного вызова, и он работает нормально. Однако при использовании объекта статических стилей у него есть воспроизводимая ошибка.

Проблема возвращается с комбинацией [email protected] (инкрементальная конфигурация компилятора: true) и @material-ui/[email protected] . Однако он работает с [email protected]

@TeoTN Спасибо за отчет. Думаю, я знаю, почему это происходит.

@TeoTN Не могли бы вы включить код, вызывающий проблемы. Я не могу это воспроизвести.

@ eps1lon вот репо, которое воспроизводит ошибку: TeoTN / mui-ts-bug

Я также столкнулся с ошибкой этого билета с [email protected] и @material-ui/[email protected] .
Моя причина обновления с [email protected] заключалась в том, что VS Code был невероятно медленным с автозаполнением и всплывающими подсказками.

При переходе на [email protected] были новые ошибки около makeStyles like

      Types of property 'main' are incompatible.
        Type '{ position: string; top: number; left: number; bottom: number; right: number; }' is not assignable to type 'CSSProperties | ((props: {}) => CSSProperties)'.
          Type '{ position: string; top: number; left: number; bottom: number; right: number; }' is not assignable to type 'CSSProperties'.
            Types of property 'position' are incompatible.
              Type 'string' is not assignable to type 'PositionProperty'.  TS2345

     9 | }));
    10 | 
  > 11 | const useStyles = makeStyles((theme: Theme) => ({
       |                              ^
    12 |   main: {
    13 |     position: 'absolute',
    14 |     top: 0,

Я смог исправить это в сочетании с createStyles вроде:

const useStyles = makeStyles((theme: Theme) =>
  createStyles({
    main: {
      position: 'absolute',
      top: 0,

Возможно, стоит упомянуть, что работает только import { createStyles } from '@material-ui/styles'; то время как createStyles из @material-ui/core - нет, так как типизация отличается.

Использование createStyles не обязательно как с [email protected] и с [email protected] .

Поскольку эта проблема возникает только в кандидате на выпуск машинописного текста, я закрою это. Мы не можем поддерживать нестабильные версии наших зависимостей. Сообщите о новой проблеме, если эта ошибка снова появится в стабильной версии Typescript.

Вроде актуально для машинописного текста 3.5.1, который на данный момент является последней стабильной версией (вместе с material-ui 4)

В версии 4.0.2 и ts 3.5.1 я могу вызвать эту ошибку, добавив "strictNullChecks": false в мой tsconfig.json.

В версии 4.0.2 и ts 3.5.1 я могу вызвать эту ошибку, добавив "strictNullChecks": false в мой tsconfig.json.

Это не поддерживается нашими типами:

Наши определения проверены с помощью следующего tsconfig.json. Использование менее строгого tsconfig.json или пропуск некоторых библиотек может вызвать ошибки.

- https://material-ui.com/guides/typescript/

Каждый пакет, опубликованный под types/ , не тестируется с "strictNullChecks": false а это означает, что практически ни один пакет не поддерживает эту конфигурацию.

Я удивлен. Я унаследовал проекты со strict: false и никогда раньше не генерировал больше ошибок.

Поскольку v3.x работал, я предположил, что 4.x тоже.

В любом случае, эта заметка может помочь другим, которые сообщают об этой проблеме, это, безусловно, неожиданная стоимость обновления.

Насколько я помню, в 3.x были и другие проблемы. Вы либо не сталкивались с ними, либо уже имели несостоятельные типы. Это требование не было введено в 4.x.

Я уверен, что были, и мне повезло.

Но если я возьму образец проекта, который отлично компилируется с strict: true , я не думаю, что столкнусь с этой проблемой, просто перевернув его на strict: false . Я не понимаю, какое отношение к этой ситуации имеют несостоятельные типы.

Я не понимаю, какое отношение к этой ситуации имеют несостоятельные типы.

Имеет отношение к служебным типам, которые прерываются с помощью strictNullChecks: false . Без этого флага undefined | null может быть присвоено any . Но это детали реализации.

• https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html
• https://basarat.gitbooks.io/typescript/docs/options/strictNullChecks.html

Эту проблему нужно открыть повторно!

Как мне сейчас обойти эту проблему? Если я передаю значение null, makeStyles выдает ошибку «не удается найти классы неопределенных». Иногда у меня нет реквизита, что мне передать?

@krazyjakee попробуйте const c = useStyles({});

@krazyjakee попробуйте const c = useStyles({});

Спасибо, это сработало!

Я столкнулся с этой ошибкой с машинописным текстом 3.7.5.
Это const c = useStyles({}); работает,
но это несовместимо с документом:
https://material-ui.com/zh/styles/basics/

FWIW, вижу то же самое. Я пробовал размещенные здесь предложения (https://github.com/mui-org/material-ui/issues/16867) с strict и strictNullChecks , но все еще без кубиков. const c = useStyles({}); теперь "путь"?