为什么我得到的是空白页面，但 React 编译成功？

Question

我不明白为什么运行 npm start 时会出现空白页面。我正在尝试使用 和

标签进行渲染。

这是代码：

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import Card from './Card';
import reportWebVitals from './reportWebVitals';
import 'tachyons';

ReactDOM.render(
  <React.StrictMode>
    <Card />
  </React.StrictMode>
  ,

  document.getElementById('root'));

Card.js

import React from 'react';

const Card = (_props) => {
    return  (
        <div>
            <img alt='robots' src='' />
            <div>
                <h2>Jane Doe</h2>
                <p>[email protected]</p>
            </div>
        </div>
    );
}

export default Card;

我遵循了班上遇到类似问题的同学的几条建议，但似乎没有一个完全适用于我的代码，因为我没有发现类似的拼写错误或其他文档或语法问题。

Answer 1

从'react-dom'导入ReactDOM；用这个！