使用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’ 符号,