企业官网建设流程全解析

织梦医院网站源码,后台企业网站模板,重庆市造价信息网,网站服务器开发一、启动前先确认 3 件事#xff08;很重要#xff09; 在项目根目录#xff08;有 package.json 的地方#xff09;#xff1a; 1. 确认 Node 版本 node -v npm -v一般建议 Node ≥ 18#xff08;Vite / 现代 React 很稳#xff09; 如果报错#xff0c;大概率是…一、启动前先确认 3 件事很重要在项目根目录有 package.json 的地方1. 确认 Node 版本node-v npm-v一般建议Node ≥ 18Vite / 现代 React 很稳如果报错大概率是 Node 太老安装依赖只做一次npm install或如果项目用的是yarn或pnpm install 一定要先装依赖否则 99% 会启动失败3. 看一眼 package.json重点看这一段scripts:{dev:...,start:...,build:...}启动命令就是从这里来的。二、不同 React 项目的启动方式按你项目来情况 1React Vite最常见npm run dev启动后终端会显示类似Local:http://localhost:5173/浏览器打开即可。情况 2Create React AppCRAnpm start默认地址http://localhost:3000情况 3Next.js如果你见过 pages / app 目录npm run dev默认http://localhost:3000三、最常见启动失败原因你可以直接对号入座1. react-scripts: command not found没装依赖npm install2. 端口被占用Port 3000 is already in use解决方法回车选择 Y 换端口或关掉占用端口的程序3. Node 版本不兼容常见报错error:digital envelope routines::unsupported解决node-v如果 16 / 18升级4. 用错命令最常见新手坑项目类型❌ 错误✅ 正确Vitenpm startnpm run devCRAnpm run devnpm start四、秒判断项目类型的方法在项目根目录看有没有这些文件文件说明vite.config.ts/js✅ Vitereact-scripts✅ CRAnext.config.js✅ Next.js