Next.js가 '@types/react'를 인식하지 않습니다.

Next.js가 '@types/react'를 인식하지 않습니다.

Next.js 앱을 실행하려고 하면npm run devTypescript를 사용하여 Next를 실행하는 데 필요한 패키지가 없다는 오류 메시지가 나타납니다.

Please install @types/react by running:

        npm install --save-dev @types/react

If you are not trying to use TypeScript, please remove the tsconfig.json file from your package root (and any TypeScript files in your pages directory).

그러나 '@types/react' 모듈은 설치되어 있습니다.나는 달리기를 시도했다.npm install --save-dev @types/react에러 메세지는 표시되지 않습니다(경고만 여러 개 표시되었을 뿐, 문제는 아닌 것 같습니다).

어떻게 하면 이 문제를 해결하고 프로젝트를 진행할 수 있을까요?

현재 @types/react 버전(구체적으로는 v18.0.2)에 오류가 있는 것 같습니다.이것에 의해, 18.0.1로 다운그레이드 할 수 있습니다.npm install --save-dev @types/react@18.0.1

출처 : https://github.com/vercel/next.js/issues/36085

나는 사용했다yarn add -D @types/react@18.0.1완벽하게 작동했어요!Netsu가 옳습니다.현재 @types/react 버전(특히 v18.0.2)에 버그가 있는 것 같습니다.

저의 솔루션은 --only를 실가동에만 추가하는 것이었습니다.

RUN 실 설치 --only=생산

여기서 내가 취한 다른 접근법은 새로운 nextjs 프로젝트를 만드는 것이다.npx create-next-app그리고 모든 의존관계와 dev Dependencies 버전을 복사했습니다.

여기 샘플이 있습니다.package.json새로운 nextjs 프로젝트를 만들고 나서 받았습니다.

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "next": "12.2.4",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
  "devDependencies": {
    "@types/node": "18.7.1",
    "@types/react": "18.0.17",
    "@types/react-dom": "18.0.6",
    "eslint": "8.21.0",
    "eslint-config-next": "12.2.4",
    "typescript": "4.7.4"
  }
}

패키지에 나열된 모든 버전을 복사합니다.json은 새로운 nextjs 프로젝트를 만든 후에 얻을 수 있습니다.이것에 의해, 코어 의존 관계가 서로 호환성이 확보됩니다.

언급URL : https://stackoverflow.com/questions/71843307/next-js-is-not-recognizing-types-react