问题背景
在使用 React 进行开发时，有可能会遇到如下报错：
Uncaught Error: Cannot find module 'react'
这个问题会让程序无法正常运行，开发者需要解决这个问题来继续开发工作。
问题原因
出现这个报错的原因通常有两个：
- 未安装 React
如果开发者尝试引用一个他们没有安装的 React 包，就会出现这个报错。解决方法是通过如下命令安装 React：
npm install react --save
或者使用 yarn：
yarn add react
- 文件路径不正确
如果文件路径不正确，React 就无法被正确引用。在使用 import 语句引用 React 时，需要指定正确的路径。
解决方法
方法一：安装 React
如果开发者没有安装 React，可以通过以下命令安装：
npm install react --save
或者使用 yarn：
yarn add react
如果已经安装了 React，可以通过以下命令来更新：
npm update react
或者：
yarn upgrade react
方法二：检查路径
检查文件路径是否正确。一个常见的错误是开发者可能会忘记在引用 React 时指定正确的路径。在使用 import 语句引用 React 时，需要指定正确的路径。
下面是一个示例代码，它演示了如何正确引用 React：
import React from 'react'; // 引入 React
import ReactDOM from 'react-dom'; // 引入 ReactDOM
// 创建一个组件
class MyComponent extends React.Component {
render() {
return <h1>Hello, React!</h1>;
}
}
// 渲染组件
ReactDOM.render(
<MyComponent />,
document.getElementById('root')
);在上面的代码中，我们使用了 import 语句来引用 React 和 ReactDOM。React 是核心库，ReactDOM 是渲染库。我们还创建了一个组件 MyComponent，最后通过 ReactDOM.render 方法将组件渲染到页面上。
总结
本文介绍了解决 React 报错 Uncaught Error: Cannot find module 'react' 的方法。如果开发者遇到了这个报错，可以首先检查是否安装了 React，如果已经安装，可以检查文件路径是否正确。在使用 import 语句引用 React 时，需要指定正确的路径。同时，本文还提供了一个示例代码，可以帮助读者更好地理解如何使用 React。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65af8bdaadd4f0e0ff8fe606