Material-ui: "TS2554 : 1 개의 인수가 필요하지만 0을 얻었습니다." makeStyles에 의해 반환 된 후크

styles 신고 및 tsconfig.json 포함 해주세요. tsc 실행할 때 오류가 표시됩니까? IDE 통합은 다른 typescript 버전을 사용하는 경향이 있기 때문에 이것을 묻는다.

관련없는 nitpick : 시간이 지남에 따라 변경된 버전 문자열 react@next 선호합니다. [email protected] 의미했을 것입니다.

저는 tsc 직접 실행하지 않고 IDE를 사용하여 TypeScript 파일을 변경할 때마다 .ts/x 에서 .js/x 직접 (제자리에) 변환합니다.

사용중인 WebStorm과 함께 번들로 제공되는 버전은 3.1.1 입니다.

내가 사용하는 React 버전을 반영하도록 OP를 업데이트했습니다 : 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 주변에 새로운 오류가있었습니다.

      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 typings이 다르기하지 않기 때문에.

createStyles 은 [email protected] 및 [email protected] 모두에서 필요하지 않았습니다.

이 문제는 typescript의 릴리스 후보에서만 발생하므로이 문제를 닫겠습니다. 불안정한 종속성 버전은 지원할 수 없습니다. 안정된 버전의 Typescript에서이 오류가 다시 나타나면 새로운 문제를 제출하십시오.

현재 최신 안정 버전 인 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 :

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({});

감사합니다!

typescript 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({}); "방법"입니까?