Ant Design学习-----遇到问题

本文详细介绍了使用Umi框架初始化React项目的过程,包括解决常见的路由问题、配置页面文件夹约定,以及处理创建项目时的环境问题。同时,探讨了README.md文件的重要性及其编写技巧,并对比了JSX与传统React.createElement()的优劣。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用umi脚手架来初始化React项目

上一章说到Umi是什么,以及为什么要使用Umi。
不了解的还可以去上一章Ant Design介绍
在这里插入图片描述

一、开发环境

这里需要应用node环境,以及npm切换淘宝源,使用的开发工具为vscode如何配置,我的node专栏中有

遇到的问题

一、 路由问题

在这里插入图片描述
This dependency was not found: 。。。。。。in ./src/.umi/core/routes.ts
最后发现是路由设置错误了,
在这里插入图片描述
因为路由默认可以进入到page所以不需要…/helloworld,会导致错误。
在这里插入图片描述
而且基本这种问题,大部分都是路由配置出错的事,再其他的就是环境问题了。

二、 singular: true

在 umi 中,约定的存放页面代码的文件夹是 pages,是复数,不过如果你喜欢单数的话你配置项中你可以添加 singular 为 true 来让 page 变为约定的文件夹。

针对page文件夹,当singular为true,可以直接在component中写文件名,访问网页。

当改为为pages或其他文件夹时,需要在comp中写路径,如:../pages/helloworld。

或者将singular去掉,在component中直接写文件名也可直接访问.

在这里插入图片描述

三、 yarn create umi 提示:文件名、目录名或者卷标签的语法错误。

遇到了以下问题

在这里插入图片描述
ファイル名、ディレクトリ名、またはボリューム ラベルの構文が間違っています。
error Command failed.
Exit code: 1

问题:本来是要搭建Ant Design Pro,,在搭建过程中遇到了这样的问题

亲测有用,但还是有一点点问题不是很明白,按照作者的方法执行后,在git bash安装是还是会出现错误,而在cmd中

@"%~dp0\C:\Users\admin\AppData\Local\Yarn\Data\global\node_modules\.bin\create-umi.cmd"   %*

在这里插入图片描述
然后就大概猜到是什么问题了,就是这个路径的问题,在windows系统下,盘符前哪里还需要什么 ‘%~dp0’ 符号,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值