Bug 解决 | 前端框架初始化错误

目录

1、阅读官方文档

2、学会自主搜索

3、使用老版本框架


首先,遇到报错时,请先认真阅读完整的报错信息,然后去百度错误信息或者询问 AI。

对于前端项目,如果初始化的过程报错或者无法正常启动。大概率是本地环境、依赖版本和教程不一致,或者是文件权限问题。

如果是权限问题,可以使用管理员权限、或者 sudo 命令(Mac 用户)来执行安装依赖、启动项目等命令。

1、阅读官方文档

例如,某项目使用的前端框架 Ant Design Pro 在持续更新,因此要以官方文档最新的初始化命令为主。

官方文档:开始使用 - Ant Design Pro🏆 让中后台开发更简单 包含 table form 等多个组件。https://pro.ant.design/zh-CN/docs/getting-started

只要知道去看官方文档,你就能少走很多坑。

如果跟着视频做报错了,那么先去看最新官方文档上的命令和用法,或者切换文档版本为和视频一致。

24 年 2 月后,Ant Design Pro 的官方脚手架不再提供 umi@3 的选项,创建项目运行后也不再会看到 umi ui,这都是正常的,不要慌,完全不影响后续学习。

记住,框架会变化,我们学习的重点是思路和方法,不要默守陈规。

2、学会自主搜索

如果还有报错,那么就把错误信息贴到百度去查询。

如果还有报错,去框架的 Github Issues 区去搜一下:
Issues · ant-design/ant-design-pro · GitHubhttps://github.com/ant-design/ant-design-pro/issues99% 你遇到的问题别人也遇到过,而且大多数情况下都有对应的解决方案。

3、使用老版本框架

框架更新后,如果你还想跟视频教程的操作保持一致,那么可以使用老版本的框架呀!

比如 Ant Design Pro 框架,如果你还想用 umi@3 和 umi ui 怎么办呢?

更新后的框架不能满足需求,那我们用更新前的不就好了???

执行命令安装老版本的脚手架:

javascript 复制代码
npm i @ant-design/pro-cli@3.1.0 -g

然后使用 pro -v 查看版本号,保证是 3.1.0,即可出现 umi@3 的选项:

选择框架版本时,一定要选 v3!!!使用 v4 版本不支持 umi ui 悬浮按钮。


记住,解决问题的方法有很多,没有解决不了的问题。

希望大家灵活一点、多自主思考。任何教程都有保质期,学会阅读官方文档、通过各种渠道自主解决问题,才能让你之后的编程学习风雨无阻!

刚开始遇到这类问题可能会很懵逼,但一定要尝试自己解决,并且记录自己的解决过程和结果,经过长时间的积累,面对各种 Bug 你都不会虚的。

**以上就是本次的学习分享,希望对大家有所帮助,****关注我!**不定期分享有用干货!!!

如果有疑问的可以评论提出来~

相关推荐
前端的日常1 分钟前
vue2 中的虚拟 dom 是怎么实现的?
前端
Dream耀1 分钟前
从零实现JavaScript防抖与节流:渐进式优化之旅
前端·javascript·面试
傻球2 分钟前
彻底搞懂「像素/PPI/DPI/分辨率/DPR/缩放」之间的关系
前端·css
拾光拾趣录2 分钟前
OAuth 2.0:现代应用安全的授权与登录规范
前端·安全
拾光拾趣录3 分钟前
前端代码保护:防止网页调试
前端·前端工程化
前端布鲁伊3 分钟前
【前端面试场景题】JavaScript数字溢出了?BigInt来救场!前端处理超大数值的完整攻略
前端·面试
代码与野兽4 分钟前
Web3开发者生态终极选择指南:新手如何在激烈竞争中脱颖而出?
前端·后端·web3
默默地离开4 分钟前
React自定义 Hooks 不用死磕,轻松拿捏也能站上技术金字塔尖!
前端·react.js·前端框架
excel5 分钟前
避免 JavaScript 中频繁垃圾回收(GC)的策略与实践
前端
Mintopia5 分钟前
Three.js 中的 Color 对象:玩转色彩的魔法方块
前端·javascript·three.js