So lösen Sie TS2305: Modul „react-dom/client“ hat kein exportiertes Mitglied „createRoot“? ⇐ JavaScript

[Guest]

Ich versuche, meinen Code im Browser anzuzeigen, aber ich habe diesen Fehler erhalten:
"TS2305: Modul '"react-dom/client"' hat kein exportiertes Mitglied 'createRoot' „
Ich bin mir nicht sicher, was ich in meinem Code falsch mache. Die einzigen Dateien, die ich bearbeitet habe, sind die folgenden Dateien. Ich hoffe, jemand hat eine Antwort und wenn Sie weitere Informationen zum Projekt benötigen, lassen Sie es mich wissen, damit ich sie hinzufügen kann.
index.tsx:

Code: Select all

import { createRoot } from "react-dom/client"
import { App } from "./App"

const rootElement = document.getElementById("root")
const root = createRoot(rootElement)
root.render()

package.json:

Code: Select all

  "dependencies": {
"cra-template-typescript": "1.2.0",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-scripts": "5.0.1"
},
"devDependencies": {
"@babel/core": "^7.26.0",
"@babel/preset-env": "^7.26.0",
"@babel/preset-react": "^7.26.3",
"@types/react": "^17.0.0",
"@types/react-dom": "^17.0.26",
"babel-loader": "^9.1.2",
"css-loader": "^6.7.4",
"style-loader": "^3.3.2",
"ts-loader": "^9.4.1",
"typescript": "^4.0.0",
"webpack": "^5.97.1",
"webpack-cli": "^6.0.1"
},

react-dom-client.d.ts:

Code: Select all

declare module "react-dom/client" {
export function render(element: React.ReactNode, container: HTMLElement): void
}