当前位置:首页 > React

如何检测react是否安装

2026-03-11 06:59:13React

检查 React 是否安装的方法

通过项目配置文件确认
打开项目根目录下的 package.json 文件,检查 dependenciesdevDependencies 部分是否包含 reactreact-dom。若存在类似以下内容,则说明已安装:

"dependencies": {
  "react": "^18.2.0",
  "react-dom": "^18.2.0"
}

通过命令行工具验证
在项目目录中运行以下命令,查看已安装的 React 版本:

npm list react
# 或使用 yarn
yarn list react

若终端返回版本号(如 react@18.2.0),则表示安装成功;若提示未找到,则未安装。

如何检测react是否安装

通过运行简单测试代码
创建一个临时文件(如 App.js),输入以下代码:

import React from 'react';
console.log(React.version);

运行文件后,若控制台输出版本号(如 18.2.0),则 React 已正确安装。

如何检测react是否安装

检查 node_modules 目录
在项目目录中查看 node_modules/react 文件夹是否存在。若该文件夹存在且包含内容,则表明 React 已安装。

全局安装检查(不推荐)
若需检查全局安装的 React,运行:

npm list -g react

但通常 React 应作为项目依赖安装,而非全局安装。

标签: react
分享给朋友:

相关文章

电脑如何安装react

电脑如何安装react

安装 Node.js 和 npm React 依赖于 Node.js 和 npm(Node Package Manager)。从 Node.js 官网下载并安装最新稳定版本,安装完成后会自动包含 np…

react如何部署

react如何部署

部署 React 应用的常见方法 使用静态服务器部署 React 应用在构建后会生成静态文件,可以直接通过静态服务器部署。常用的静态服务器包括 Nginx、Apache 等。 运行构建命令生成静态文…

react 如何跳转

react 如何跳转

使用 React Router 进行页面跳转 React 应用中通常使用 react-router-dom 库实现页面跳转。以下是几种常见的跳转方式: 安装依赖 npm install react…

react 如何debug

react 如何debug

React 调试方法 使用 React Developer Tools React Developer Tools 是浏览器扩展,支持 Chrome 和 Firefox。安装后,可以在开发者工具中查看…

react如何重启

react如何重启

重启 React 应用的方法 重新加载当前页面 使用 window.location.reload() 强制刷新页面,这会重新加载整个应用并重置所有状态。 window.location.rel…

odyssey react 如何

odyssey react 如何

Odyssey React 是耐克推出的一款跑鞋系列,以其轻量化设计和React泡沫缓震技术著称。以下是关于该系列鞋款的主要特点和使用建议: 核心特点 React泡沫中底提供出色的能量回馈和缓震效果…