TypeScript: 속성 "value"는 "HTMLElement" 타입에 존재하지 않습니다.

작은 쓰레기 같은 놈들 · 게시됨 2019. 5. 27. 오후 2:06:54

html은 다음과 같습니다:

그리고 greeter.ts 문서:

TSC로 컴파일할 때 다음과 같은 "오류"가 발생합니다:

/home/bjarkef/sandbox/greeter.ts(8,53)：属性’value’不存在类型’HTMLElement’的值，

하지만 컴파일러는 자바스크립트 파일을 출력하는데, 이는 크롬에서 잘 작동합니다.

이 오류가 어떻게 발생했나요? 어떻게 고칠 수 있을까요?

또한, Typescript에 따르면 "HTMLElement"에서 유효한 속성은 어디서 찾을 수 있나요?

참고로 저는 JavaScript와 typescript에 매우 초보라서 뭔가 눈에 띄는 부분이 놓치고 있을 수도 있습니다.

Tomasz Nurkiewiczs의 답변에 따르면, '문제'는 typescript가 타입 안전하다는 점입니다. :) document.getElementById()에서 반환된 HTMLElement 타입에는 value 속성이 포함되지 않습니다. 하지만 HTMLInputElement 서브타입에는 value 속성이 포함되어 있습니다.
그래서 해결책은 getElementById() 결과를 다음과 같이 HTMLInputElement로 변환하는 것입니다:

로그인이 보이네요.

<> 타자본에서 캐스팅 오퍼레이터입니다.

위 줄에서 생성된 자바스크립트는 다음과 같습니다:

로그인이 보이네요.

즉, 타입 정보를 포함하지 않습니다.

[타이프스크립트] TypeScript: 속성 "value"는 "HTMLElement" 타입에 존재하지 않습니다.

관련 게시물

본 섹션