React 運行錯誤無法解析 react-dom/client

Question

我運行了我的舊反應項目並得到了這個錯誤：

ReactDOM render no longer supported

錯誤： https ://bobbyhadz.com/images/blog/react-reacdom-render-no-longer-supported-in-react-18/reactdom-render-no-longer-supported-in-react-18.webp

我嘗試使用 createroot 並收到此錯誤：

Module not found: Error: Can't resolve 'react-dom/client' in 'C:\Users\EditHamster\Documents\Projects\weather\src'

Answer 1

您必須將您的 React 和 ReactDOM 版本升級到最新才能使用 createRoot

npm i react@latest react-dom@latest

Answer 2

嘗試安裝/更新 React 和 ReactDOM

npm i react react-dom

或者在 webpack.config 檢查別名

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

如果有，請刪除此行

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