web-dev-qa-db-de.com

Modul 'Reaktom' kann nicht aufgelöst werden

Ich habe einige Beiträge zu dieser Art von Fehlern gesehen. Aber ich konnte mich nicht lösen.

Mein package.json:

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

Ich erhalte folgende Fehlermeldung beim Webpack:

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

Aber in der cmd-Zeile, als ich es tat 

npm -v react-dom

Ich bekomme 3.10.10. Reakt-Dom ist da. Aber ich frage mich, warum es immer noch diesen Fehler gibt.

Wenn ich durch npm "npm install react-dom" installiert habe und webpack ausführte, erhalte ich folgende Fehler:

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

Bitte helfen.

reactjswebpackreact-domreact-hot-loader
14
User1230321

Problem ist react-dom nicht installiert. Wenn Sie npm -v react-dom drücken, erhalten Sie die Version von npm und nicht react-dom. Sie können dies überprüfen, indem Sie npm -v oder npm -v react-dom verwenden. Beide führen zu demselben Ergebnis. Sie überprüfen die Paketversion falsch.

Wie installiere ich rea und rea dom richtig?

Verwenden Sie diese Option, um zu installieren, zu reagieren und zu reagieren:

npm install react react-dom --save

Danach können Sie Ihre package.json-Datei überprüfen. Wenn es sich bei react und rea-dom um eine korrekte Installation handelt, finden Sie einen Eintrag dafür.

Wie prüfe ich die Version des Installationspakets? 

So überprüfen Sie alle lokal installierten Paketversionen:

npm list

Verwenden Sie für global installierte Pakete auch -g:

npm list -g

Um die Version eines bestimmten Pakets zu überprüfen, geben Sie auch den Paketnamen an:

npm list PackageName

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

Nach der Installation sieht Ihr package.json so aus:

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

Die neueste Version von react-dom ist: 15.4.2

Referenz: https://www.npmjs.com/package/react-dom

26
Mayank Shukla

Für jeden, der das liest, der es nicht verstehen konnte. Ich hatte das gleiche Problem, das ich durch die Installation des Pakets "React-Router" - gelöst habe das einfach den folgenden Befehl ausführt

npm i react-router-dom --save für eine Browser-App.

npm i react-router-native für eine native App.

2
Kankuro

In meinem Fall hatte ich einen Alias ​​in meinem webpack.config.common.js:

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

Ich habe gerade diese Zeile entfernt:

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

und es wurde behoben.

1
Milena

Ich habe "npm update" verwendet und damit mein Problem gelöst.

1
Djesu

In meinem Fall war es ein Alias, den ich in meiner webpack.conf hatte und der nach @hot-loader/react-dom.

1
ATOzTOA

Möglicherweise müssen Sie react und react-dom Aktualisieren. Obwohl react-dom Tatsächlich installiert wurde, hatte ich dieses Problem bei ^15.5.4 Und es verschwand mit ^16.8.6:

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

Stellen Sie sicher, dass die beiden Versionen in package.json Genau übereinstimmen:

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

Löschen Sie erneut yarn.lock, node_modules Und yarn.

rm -Rf yarn.lock node_modules && yarn
1
Kevin Reilly

Versuchen Sie rm -rf node_modules && yarn oder rm -rf node_modules && npm install, wenn Sie npm anstelle von Garn verwenden.

0
Ayesha O.

Mein besonderes Problem für diesen Fehler:

Fehler in ./src/index.js Modul nicht gefunden: Fehler: Kann nicht aufgelöst werden 'eact-dom' in 'C:\Benutzer\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.js

Um dieses Problem zu beheben, musste ich den Ordner vor der Installation entpacken.

0
Jose Salazar