重启电脑后如何在本地localhost重新打开运行我的React应用?
React本地项目重启运行操作说明
不能直接打开项目文件运行,必须执行对应npm命令启动开发服务,操作流程如下:
- 打开终端(Windows可使用cmd、powershell,Mac使用自带终端即可),进入你的React项目根目录,也就是存放
package.json文件的最上层文件夹 - 如果你是第一次在当前设备运行这个项目,先执行
npm install安装项目所需的全部依赖包,此前已经安装过依赖可以直接跳过这一步 - 执行启动命令:使用Create React App官方脚手架创建的项目默认启动命令为
npm start,命令执行完成后开发服务会默认运行在localhost:3000,一般浏览器会自动打开对应页面,没有自动打开的话手动在浏览器地址栏输入地址访问即可
注意事项
- 如果3000端口被本地其他程序占用,执行启动命令后终端会提示是否切换到其他可用端口,输入
Y确认即可,服务会自动切换到3001等空闲端口运行 - 如果你用的是Vite等其他脚手架搭建的React项目,可以打开根目录的
package.json文件,查看scripts字段下的启动命令配置,常用的还有npm run dev等,按照配置执行对应命令即可 - 直接打开项目内HTML文件的方式仅适用于
npm run build打包后的生产产物静态部署场景,开发阶段必须通过npm命令启动开发服务才能正常加载资源、使用热更新等开发功能
内容的提问来源于stack exchange,提问作者codome2
相关产品推荐
相关产品推荐

