by Guest » 20 Jan 2025, 13:51
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
}
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]import { createRoot } from "react-dom/client"
import { App } from "./App"
const rootElement = document.getElementById("root")
const root = createRoot(rootElement)
root.render()
[/code]
package.json:
[code] "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"
},
[/code]
react-dom-client.d.ts:
[code]declare module "react-dom/client" {
export function render(element: React.ReactNode, container: HTMLElement): void
}
[/code]