提问人：cm hayes 提问时间：11/11/2023 更新时间：11/11/2023 访问量：31
为什么我得到一个空白页，但 React 编译成功？
Why am I getting a Blank Page but React is compiling successfully?
问：
我不明白为什么当我运行 npm start 时会出现一个空白页。我正在尝试拥有和
标记来渲染。
代码如下：
索引.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'));
卡片.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;
我遵循了班上遇到类似问题的同学的几条建议，但是它们似乎都不太适用于我的代码，因为我没有发现类似的拼写错误或其他文档或语法问题。
答：
0赞
Dudi Varaprasad
11/11/2023
#1
从 'react-dom' 导入 ReactDOM;用这个！
0赞
W-B
11/11/2023
#2
我相信您正在使用较新版本的 react，并且符号发生了一些变化。
较新版本的 create 使用 createRoot 方法。
下面是完成的示例
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import Card from './card';
import reportWebVitals from './reportWebVitals';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<Card />
</React.StrictMode>
);
评论