React App：找不到模块 'react-dom/client' 或其相应的类型声明

Question

我目前遇到了这个错误，我不确定如何解决它。我一直在尝试将项目与存储在 bit.dev.

中的组件合并

import React from 'react';
import { createRoot } from 'react-dom/client'; // Cannot find module 'react-dom/client' or its corresponding type declarations.
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from 'react-router-dom';

import 'bootstrap/dist/css/bootstrap.min.css';

const rootElement = document.getElementById('root');
if (!rootElement) throw new Error('Failed to find the root element');
const root = createRoot(rootElement);
root.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>
);

这是代码。感谢您的帮助！

Answer 1

尝试

import * as ReactDOM from 'react-dom/client';

然后ReactDOM.createRoot

Answer 2

对于可能遇到相同问题的任何人，bit.dev 使用的 react 版本与实际应用程序使用的版本不同。我所要做的就是更改应用程序的呈现方式（在本例中为 react v17）。

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from 'react-router-dom';

import 'bootstrap/dist/css/bootstrap.min.css';

ReactDOM.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>,
  document.getElementById('root')
);

Answer 3

按照指示运行宁 npm install react react-dom 或 yarn add react react-dom 之后 here，你应该运行

npm install -D @types/react-dom

或

yarn add -D @types/react-dom

这将向您的项目添加 react-dom/client 类型声明，并将删除您在代码第 2 行指出的错误。

React App：找不到模块 'react-dom/client' 或其相应的类型声明

React App: Cannot find module 'react-dom/client' or its corresponding type declarations

reactjs

tailwind-css

bit.dev