React项目编译报错：'ReactDOM'未从'react'导出求助

问题原因 #

ReactDOM 是独立于 React 核心包的模块，从 React 16 版本开始就需要单独安装和导入，无法直接从 react 包中导出。

解决方案 #

• 确保已安装 react-dom 包：
  打开终端执行对应命令：

  npm install react-dom
  # 使用 yarn 的话执行下面这条
  yarn add react-dom
  

• 确认导入路径正确：
  你的 index.js 中的导入写法符合 React 18 规范，保持当前写法即可：

  import React from "react";
  import ReactDOM from "react-dom/client";
  
  import "./index.css"; 
  import App from "./App";
       
  const root = ReactDOM.createRoot(document.getElementById("root"));
  
  root.render(
    <React.StrictMode>
      <App />
    </React.StrictMode>
  );
  

• 清理缓存重启项目（可选）：
  如果安装后仍报错，可清理缓存并重启开发服务：

  npm start --reset-cache
  

  也可以删除项目根目录下的 node_modules 文件夹和 package-lock.json（或 yarn.lock）文件，重新执行 npm install 后再启动项目。

内容的提问来源于stack exchange，提问作者Maitc