收到的错误消息指示您应该从react-dom/client而不是react-dom导入createRoot方法。
要解决这个问题，只需修改createRoot的import语句，如下所示：

import { createRoot } from 'react-dom/client';

所以修改后的代码应该是这样的：

import React from 'react';
import ReactDOM from 'react-dom';
import { createRoot } from 'react-dom/client';
import Switch from './components/Switch';

const root = createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Switch />
  </React.StrictMode>
);

对于所有类型脚本用户，如果您收到经典的 *“未找到此模块的类型”警告，请添加此警告。

src/react-app-env.d.ts

declare module "react-dom/client" {
  // typing module default export as `any` will allow you to access its members without compiler warning
  var createRoot: any;
  export {createRoot};
}

确保你的react-dom版本是"^18.0.0"

你可以这样做：

import React from 'react';
import { createRoot } from 'react-dom/client';
import Switch from './components/Switch';

const root = createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Switch />
  </React.StrictMode>
);

我使用了从react-dom/client导入的createRoot，并删除了未使用的ReactDOM的导入

Necesitas agregar '/client' cuando importas 'ReactDOM'
导入'ReactDOM'时需要添加'/client'。

import React from 'react';
import ReactDOM from 'react-dom/client';
import Switch from './components/Switch';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Switch />
  </React.StrictMode>
);

现在在React 18+中，你可以这样做：

import React from 'react'
import ReactDOM from 'react-dom/client'
import Switch from './components/Switch'
import './index.css'

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