未能解决从"src\main.jsx“导入”react/client“的问题。文件存在吗？

Question

解决这个问题

Failed to resolve import "react-dom/client" from "src\main.jsx". Does the file exist?

这是我的main.jsx文件

import React from 'react'
import ReactDOM from 'react-dom/client'
// import {render} from "react-dom";
import App from './components/App.jsx'
import './index.css'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
)

我也试过这样做

import React from 'react'
import {render} from "react-dom";
import App from './components/App.jsx'
import './index.css'


 const container = document.getElementById("root");
render(
 <React.StrictMode>
 <App />
  </React.StrictMode>,
   container
 );

但这张显示了空白页

如果有人能帮忙，请看这个

我正在尝试制作代码复制项目--这是我在pakage.json中的依赖项

"dependencies": {
    "@fortawesome/fontawesome-svg-core": "^1.2.31",
  "@fortawesome/free-brands-svg-icons": "^5.15.0",
  "@fortawesome/free-solid-svg-icons": "^5.15.0",
  "@fortawesome/react-fontawesome": "^0.1.11",
  "@testing-library/jest-dom": "^4.2.4",
  "@testing-library/react": "^9.5.0",
  "@testing-library/user-event": "^7.2.1",
  "codemirror": "^5.58.1",
  "react": "^16.13.1",
  "react-codemirror2": "^7.2.1",
  "react-dom": "^16.13.1",
  "react-scripts": "3.4.3"
  },

Answer 1

您正在尝试从ReactDOM /client导入ReactDOM，但是该模块不存在，因此从ReactDOM包导入ReactDOM。

import React from 'react'
import ReactDOM from 'react-dom' // Import ReactDOM from the react-dom package
import App from './components/App.jsx'
import './index.css'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
)

第二个代码是正确的，但是容器变量从来没有定义过，所以它会抛出一个错误。在使用容器变量之前，需要定义它。

import React from 'react'
import {render} from "react-dom";
import App from './components/App.jsx'
import './index.css'

// Define the container variable
const container = document.getElementById("root");
render(
 <React.StrictMode>
 <App />
  </React.StrictMode>,
   container // Use the container variable to render your app
 );