"JSX 요소에 암묵적으로 "임의" 유형의 오류가 있습니다."를 해결하는 방법

"JSX 요소에 암묵적으로 "임의" 유형의 오류가 있습니다."를 해결하는 방법

타이핑 라이브러리를 인스톨 해 참조하고 있습니다만, 이렇게 「반응」

/// <reference path="../../../typings/browser.d.ts" />

다음과 같은 에러가 아직 표시됩니다.

다른 타이핑 라이브러리도 설치해야 하나요?

VSCode를 다시 로드하여 이 문제를 해결했습니다.

Ctrl++ShiftP - 또는 - ++shiftP

그런 다음 다음과 같이 입력합니다.Developer: Reload Window

리액트 타입 정의를 인스톨 하고, 이 문제를 해결했습니다.

도망가려고 하다yarn add --dev @types/react

타이핑에서 사용할 수 있는 리액트 버전은 두 가지가 있습니다.나는 이 문제를 본 적이 있다.typings install react및 사용noImplicitAny.

글로벌 버전을 설치하여 이 문제를 해결했습니다.typings install dt~react --global

이것은, 타입 스크립트 IntelliSense 가 올바르게 동작하고 있지 않기 때문입니다.

1: 이 문제를 해결하려면 코드 에디터를 닫았다가 다시 열면 모든 것이 잘 작동합니다.

2: 이 문제에 대한 또 다른 빠른 해결 방법이 있습니다(Windows:ctrl + shift + p또는 (Mac:cmd + shift + p그럼 검색해 주세요.Typescript:Restart TS serverenter and done을 누릅니다.

다음을 실행해 보십시오.

1. npm i @types/react --save-dev

2. npm i @types/react-dom --save-dev

저는 좋아요.

실행:

npm i -D @types/react @types/react-dom

그 후, 다음의 것을 사용해 주세요.tsconfig.json:

{
  "compilerOptions": {
    "jsx": "react-jsx"
  }
}

이렇게 하면 문제가 이상적으로 해결될 것입니다.그렇지 않으면 창을 새로고침해 보십시오.

건배!

Vue 2를 "Volar"(Vue 3)와 함께 사용하는 경우 작업 공간에 대해 사용하지 않도록 설정합니다.

tsconfig.json 파일에 이 구성을 저장하여 TS 서버가 해당 유형의 오류를 인식하지 않도록 합니다.

{
    "compilerOptions": {
        "outDir": "build/dist",
        "module": "commonjs",
        "target": "es5",
        "lib": ["es6", "dom"],
        "sourceMap": true,
        "allowJs": true,
        "jsx": "react",
        "moduleResolution": "node",
        "rootDir": "src",
        "noImplicitReturns": true,
        "noImplicitThis": true,
        "noImplicitAny": true,
        "strictNullChecks": true
    },
    "exclude": [
        "node_modules",
        "build",
        "scripts",
        "acceptance-tests",
        "webpack",
        "jest",
        "src/setupTests.ts"
    ],
    "types": [
        "typePatches"
    ]
}

저도 비슷한 문제가 있어서 다른 해결책을 읽은 후 제 의견을 살펴보았습니다.tsconfig.json확실히 (vs-code) 설정에 사소한 에러가 있다고 불평하고, 그것을 수정했을 때, 그 에러는 없어졌습니다.

메인 테이크아웃:tsconfig 에 오류가 없는지 확인합니다.

메모
오류가 관련이 있는지는 모르겠지만 vs-code는 다음과 같이 불만을 표시했습니다.checkJs정의되어 있다(false로 설정되지 않음)allowJsfalse로 설정되었습니다.그래서 기본적으로 제 해결책은 둘 다allowJs그리고.checkJsfalse:

{
  "compilerOptions": {
    ...
    "allowJs": false,
    "checkJs": false,
    ...
  }
}

이 일이 일어났을 때 도커 이미지 내에서 앱을 실행했지만 도커 이미지에 대한 vcode 포인트가 없었기 때문입니다.나는 달렸다npm run install설치하다node_modulesvcode가 볼 수 있는 디렉토리입니다.그 후, 에러는 없어졌습니다.

저도 같은 문제에 직면해서tsconfig.json서버를 재기동했습니다.

{
  "compilerOptions": {
    "target": "ES2016",
    "declaration": false,
    "module": "commonjs",
    "moduleResolution": "node",
    "noImplicitAny": false,
    "allowJs": false,
    "preserveConstEnums": true,
    "removeComments": true,
    "sourceMap": true,
    "typeRoots": [
      "./node_modules/@types"
    ],
    "keyofStringsOnly": true,
    "lib": ["es2015", "es2017", "dom"],
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "jsx": "react"
  }
}

그리고 제가 덧붙여야 할 것은npm i @types/react-dom --save-dev이 문제를 해결하기 위해.

Deno에서 이 오류가 발생하거나 Fresh Framework를 시작하는 동안 VS Code에서 Deno 확장자를 비활성화하는 것이 가장 중요했습니다.

ctrl + shift + p창이 새로고침됩니다.

TypeScript를 사용하는 경우ctrl + shift + pTS 서버를 새로고침합니다.

핸드북에서 React에는 대문자가 있어야 합니다.질문의 코드는 분명히 그렇지 않다.

언급URL : https://stackoverflow.com/questions/37674017/how-to-solve-jsx-element-implicitly-has-type-any-error