reactjs - react 应用程序 : Cannot find module 'react-dom/client' or its corresponding type declarations

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

对于可能遇到相同问题的任何人，react bit.dev 使用的版本与实际应用程序使用的版本不同。我所要做的就是更改应用程序的呈现方式(在本例中为 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')
);