'react-dom' 모듈을 확인할 수 없습니다.

'react-dom' 모듈을 확인할 수 없습니다.

이런 유형의 오류와 관련된 게시물은 거의 보지 못했습니다.하지만 내 마음속에서는 해결되지 않았다.

제 소포요.json:

"react": "~0.14.7",
"webpack": "^1.12.13",
"react-hot-loader": "^3.0.0-beta.6",
.
.

웹 팩에서 다음 오류가 발생합니다.

ERROR in ./public/src/main.js
Module not found: Error: Cannot resolve module 'react-dom' in C:\Users\react-example\public\src 
@ ./public/src/main.js 19:16-36

하지만 내가 했을 때 cmd 행은

npm -v react-dom

3.10.10. 리액트돔이 있어요.그런데 왜 아직도 이런 오류가 나는지 궁금하네요.

npm "npm install react-dom"을 통해 react-dom을 설치하고 webpack을 실행하면 다음 오류가 나타납니다.

ERROR in ./~/react-dom/lib/ReactDOMNullInputValuePropHook.js
Module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\react-example/node_modules/react/lib/ReactComponentTreeHook in C:\Users\react-example\node_modules\react-dom\lib
 @ ./~/react-dom/lib/ReactDOMNullInputValuePropHook.js 13:29-72

ERROR in ./~/react-dom/lib/ReactDOMUnknownPropertyHook.js
Module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\react-example/node_modules/react/lib/ReactComponentTreeHook in C:\Users\react-example\node_modules\react-dom\lib
 @ ./~/react-dom/lib/ReactDOMUnknownPropertyHook.js 15:29-72

ERROR in ./~/react-dom/lib/ReactDOMInvalidARIAHook.js
Module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\react-example/node_modules/react/lib/ReactComponentTreeHook in C:\Users\react-example\node_modules\react-dom\lib
 @ ./~/react-dom/lib/ReactDOMInvalidARIAHook.js 14:29-72

ERROR in ./~/react-dom/lib/ReactDebugTool.js
Module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\react-example/node_modules/react/lib/ReactComponentTreeHook in C:\Users\react-example\node_modules\react-dom\lib
 @ ./~/react-dom/lib/ReactDebugTool.js 16:29-72

제발 도와주세요.

문제는react-dom를 눌렀을 때, 인스톨 되어 있지 않습니다.npm -v react-dom의 버전을 제공합니다.npm것은 아니다.react-dom버전을 사용하여 확인할 수 있습니다.npm -v또는npm -v react-dom둘 다 같은 결과를 얻을 수 있습니다.패키지 버전을 잘못 확인하고 있습니다.

react 및 react-dom을 올바르게 설치하는 방법

react 및 react-dom을 설치하려면 다음을 사용합니다.

npm install react react-dom --save

그 후에, 그 후, 다음의 정보를 확인할 수 있습니다.package.jsonreact 및 react-dom이 올바르게 설치되어 있는 경우 해당 엔트리를 찾을 수 있습니다.

설치 패키지 버전을 확인하는 방법

로컬에 설치된 모든 패키지 버전을 확인하려면:

npm list    

글로벌하게 설치된 패키지의 경우 -g도 사용합니다.

npm list -g

특정 패키지의 버전을 확인하려면 패키지 이름도 지정합니다.

npm list PackageName

For Example =>
   npm list react
   npm list react-router

설치 후package.json다음과 같이 됩니다.

{
  "name": "***",
  "version": "1.0.0",
  "main": "***",
  "scripts": {
     ....
  },
  "repository": {
     ....
  },
  "keywords": [],
  "author": "",
  "dependencies": {
    ....
    "react": "^15.4.2",          //react
    "react-dom": "^15.4.2",      //react-dom
     ....
  },
  "devDependencies": {
     ....
  }
}

의 최신 버전react-dom: 15.4.2

참고 자료: https://www.npmjs.com/package/react-dom

제 경우 webpack.config.common.js에 에일리어스가 있습니다.

 resolve: {
    extensions: ['.js', '.jsx'],
    alias: {
      'react-dom': '@hot-loader/react-dom',
    },
  },

방금 이 행을 삭제했습니다.

'react-dom': '@hot-loader/react-dom',

고쳐졌어요.

저는 'npm update'를 사용했고, 이것으로 문제가 해결되었습니다.

제 경우 webpack.conf에 있는 에일리어스입니다.이 에일리어스는@hot-loader/react-dom.

이 글을 읽는 사람들은 그것을 이해할 수 없었다.같은 문제가 발생하여 다음 명령어를 실행하는 "react-router" 패키지를 설치함으로써 해결되었습니다.

npm i react-router-dom --save브라우저 앱용입니다.

npm i react-router-native네이티브 앱용.

업데이트가 필요할 수 있습니다.react그리고.react-dom.불구하고react-dom실제로 인스톨 되고 있는 경우는, 이 문제가 발생하고 있었습니다.^15.5.4그리고 그것은 사라졌다.^16.8.6:

$ # update the react and react-dom modules
$ yarn add react react-dom

두 버전이 정확히 일치하는지 확인합니다.package.json:

"react": "^16.8.6",
"react-dom": "^16.8.6",

삭제yarn.lock,node_modules,그리고.yarn다시.

rm -Rf yarn.lock node_modules && yarn

react-dom 모듈을 업데이트하여 이 문제를 해결할 수도 있습니다.npm install react@latest react-dom@latest.

해라rm -rf node_modules && yarn또는rm -rf node_modules && npm install실 대신 npm을 사용한다면.

이 에러가 발생했을 경우의 특별한 문제는 다음과 같습니다.

./src/index.js 모듈을 찾을 수 없습니다. 오류:'C:'의 'eact-dom'을 확인할 수 없습니다.\Users\Jose\Desktop\woz-u-React\React-Course\react-lesson-one\src' @ ./src/index.js 2:0-32 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/index.displays

이 문제를 해결하려면 설치하기 전에 폴더의 압축을 풀어야 했습니다.

다음 명령을 실행하면 문제가 해결됩니다.

npm install react-dom --save

구획을 사용하는 사용자의 경우 이 문제가 발생할 수 있습니다.Node브라우저 기반 앱의 경우.

신 의 으 것 로 론 지 법 있 습 니다 there are your parcel ways방 from가세 parcel infer this이 3추 will이는것하이을터부당package.json::::

Remove node as the target, or specify the 노드를 타겟으로 제거하거나--target as ~하듯이browser명령줄에서커맨드 라인에 표시됩니다.

다음 항목도 참조해 주세요.

• https://v2.parceljs.org/getting-started/migration/
• https://v2.parceljs.org/configuration/package-json/

앱의 글로벌 버전을 가리키고, 글로벌 키워드를 사용하여 수동으로 설치해야 합니다.앱이 글로벌 버전의 react를 가리키고 있으므로 global 키워드를 사용하여 수동으로 설치해야 합니다.현재 의 react-dom. 명령어를 사용하여 글로벌하게 된 react-dom 버전입니다.npm -v react-dom다명령을 합니다.

sudo npm install -g react-dom@17.0.2

언급URL : https://stackoverflow.com/questions/42574648/cannot-resolve-module-react-dom