Typescript: setTimeout-시간 초과 ID를 변수에 할당하면 오류 TS2323이 발생합니다. 'Timer'유형은 'number'유형에 할당 할 수 없습니다.

완전한 예를 게시하십시오. 지금까지 제공된 정보로는 문제를 재현하기에 충분하지 않습니다.

class Foo {
    private sTimeout: number;
    showDelay() { }
    bar() {
        setTimeout(() => this.showDelay(), 250);
    }
}

Timer 라는 내장 유형이 없으므로 호출중인 setTimeout 이 window.setTimeout 가 아닐 가능성이 높습니다.

예를 들었어야했는데-조금 더 일찍 서두르고 있었다. 여기 있습니다 :

class Foo {
    private sTimeout: number; // Storing Timeout ID - to clear it - if needed
    private showDelay() { }
    constructor() {
        this.sTimeout = setTimeout(() => this.showDelay(), 250);
    }
}

다음 오류가 발생합니다.

tsc v1.1.0-1 사용
/tests/Foo.ts(5,3) : 오류 TS2323 : '타이머'유형은 '번호'유형에 할당 할 수 없습니다.

지금은 sTimeout을 입력하여 수정했습니다.

이것은 나를 위해 재현되지 않습니다. F12 setTimeout 어떻게 되나요?

F12가 무엇을 의미하는지 잘 모르시겠습니까? .

"정의로 이동"

다시 말하지만 Timer 라는 내장 유형이 없으므로 코드가 다른 유형을 참조해야합니다. 파일에서 예제를 단독으로 시도하거나 프로젝트에서 Timer 출처를 파악하십시오. setTimeout 가 기본 제공 함수가 아니라 다른 반환 값을 가진 다른 사용자 정의 함수를 참조한다고 생각합니다.

자체적으로 예제를 시도했습니다. 내 도구 체인 또는 다른 코드의 구성 요소로 인해 발생한 것 같습니다. 시간을내어 죄송합니다. 감사합니다 ... 닫힘 ...

미래의 독자를 위해 node.js의 명확한 정의로 인해이 오류가 발생했습니다. 해결책은 유형의 전체 이름을 사용하는 것입니다. NodeJS.Timer 아니라 Timer NodeJS.Timer Timer (슬프게도 Typescript 트랜스 파일러가 제안한 것이며 작동하지 않습니다).

@jdfreder time

어쨌든 동일한 문제가 발생했습니다. error TS2352: Neither type 'Timer' nor type 'number' is assignable to the other. 파일 맨 위에 암시 적 참조가 정의되어 있지만 /// <reference path="node_modules/typescript/lib/lib.d.ts" /> 여전히 작동하지 않습니다.

주된 문제는 타사 npm 패키지 (angular2) 중 하나에 TS + 타이핑 (노드 및 기타)이 패키지에 포함되어 있다는 것입니다.

@rixrix (그리고 이것을 발견하는 다른 사람을 위해) 나는 올바른 매개 변수를 전달하지 않는다는 것을 깨달을 때까지 비슷한 문제가있었습니다.

두 번째 매개 변수 ms 가 필요하고 NodeJS.Timer 반환하는이를 비교합니다.

function setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;

... 그리고 이것은 두 번째 매개 변수 timeout 선택적으로 만들고 number 반환합니다.

function setTimeout(handler: any, timeout?: any, ...args: any[]): number;

이 두 기능을 기반으로 TS는 적절한 오버로드를 올바르게 선택하므로 error TS2352: Neither type 'Timer' nor type 'number' is assignable to the other 가 발생하면 시간 제한을 지정해야합니다!

안녕하세요 @ Penryn 감사합니다!

이전 의견은 해당 오류 메시지에 대한 정확한 세부 정보를 더 이상 기억할 수 없기 때문에 충분한 세부 정보를 제공하지 않았다는 증거라고 생각합니다. 죄송합니다.

제 머리 위에 우리가 이전에 겪었던 문제는 Angular2 (알파 릴리스)로 작성된 스핀 오프 웹 앱을 점진적으로 업그레이드 할 때였습니다. 우리의 주요 코드베이스 (ng1 및 ng2)는 TypeScript (bower 구성 요소, 다른 타이핑, 몇 가지 사용자 지정 타이핑 포함)로 작성되었으며, 당시 Angular2는 타이핑, 노드 타이핑 등도 제공했습니다. 노드 타이핑 (구식 버전) 및 ng2 노드 유형 (및 가능한 다른 유형), 효과적으로 TS 컴파일러는 dups 유형에 대해 혼란스러워합니다. 우리의 경우에는 문제가되는 타이핑을 수동으로 수정할 수 있지만 최신 버전을 가져와야한다는 점을 아는 것은 너무 많은 작업입니다.

필요한 타이핑을 수동으로 설치해야하므로 최근 Angular2 릴리스에서이 문제가 해결되었다고 생각합니다.

건배

@RyanCavanaugh 에는 동일한 문제가 있습니다. setTimeout에 대해 두 가지 정의가 있습니다. 하나는 number 를 반환하고 다른 하나는 NodeJS.Timer 반환합니다.

대신 window.setTimeout 사용하십시오.

NodeJS.Timer 에 특수 유형이 필요한 이유는 무엇입니까? 여전히 number 를 반환 할 것입니다. 내가 뭔가를 놓치고 있습니까?

@cchamberlain 노드는 실제로 전체 Timer 클래스를 반환합니다 : https://nodejs.org/api/timers.html

이 경우에는 number 만이 아닙니다.

@Penryn -TIL 👍

궁금한 사람들을 위해 이것이 일어나는 이유는 node.js의 setTimeout 가 브라우저 내에서 setTimeout 와 다른 것을 반환하기 때문입니다. 브라우저의 setTimeout은 숫자 만 반환합니다. node.js에서 setTimeout은 큰 Timer 객체를 반환합니다.

따라서이 문제가 발생하는 이유는 웹을 대상으로하려고했지만 노드 정의를 가져 왔기 때문입니다.

@johnfn 은 브라우저와 노드를 대상으로하는 동형 코드 일 수도 있습니다.

setTimeout 또는 setInterval 를 사용하여 여기에 오는 다른 사용자의 경우 window.setTimeout 또는 interval 하여 tsc에서 사용자가 웹 브라우저의 함수 (숫자 반환 ) 및 NodeJS의 함수 (다른 것을 반환)가 아닙니다.

@AskYous 에 추가하려면 패키지에 @types/node 이있는 경우 window.setInterval 를 사용하여 유형 오류를 방지하십시오.

사용하는 사람의 경우 @angular 가진 @angular-cli 당신의 유형 노드가 있는지 확인하여 tsconfig.app.json 뿐만 아니라.

Eq :

tsconfig.app.json

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "module": "es6",
    "baseUrl": "",
    "types": ["node"] --> ADD THIS
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

여기에서 찾았습니다 : https://stackoverflow.com/a/43952363/3415716

이름이 setTimeout() 함수가있는 패키지를 가져 왔을 수 있습니다.
그냥 사용 window.setTimeout 대신 setTimeout 문제를 해결하기 위해 :)

노드 환경 유형은 NodeJS.Timer global.setTimeout
브라우저 환경에서 number 사용 window.setTimeout

오늘 npm i @types/react @types/react-dom --save-dev 설치 후

@types\node 가 node_modules 로 유출되어 Timer 오류가 발생했습니다.

@ nippur72 처럼, 저는 react-dom 오늘 이것을 만났습니다. 가장 간단한 해결책은 브라우저 환경이 예상 될 때 Node에 의존하지 않도록 @types 패키지를 업데이트하는 것이므로 https://github.com/DefinitelyTyped/DefinitelyTyped/issues/21310#issuecomment -367919251