ant-design / ant-design-pro

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
https://pro.ant.design
MIT License
36.4k stars 8.14k forks source link

🐛 [BUG]新建项目空白页问题 #11234

Open ldawson951 opened 4 months ago

ldawson951 commented 4 months ago

🐛 bug 描述

1、说下我的环境版本: win11、jdk1.8.0_361、webstorm2024.1 node:v18.16.1 npm:9.5.1 yarn:1.22.22 谷歌浏览器是114版本 2、用管理员命令提示符执行: npm i @ant-design/pro-cli -g pro create myapp 没有像官方文档一样出现说叫选择umi的版本,而是直接是下图的结果,然后我选择了complete image 3、用webstorm打开创建好的myapp的项目,并在该目录的命令行下,安装依赖,执行了命令: yarn install 没有报错,只是有一些warning而已 4、然后直接在package.json文件下运行start指令 image 控制台运行结果如下: image image 5、我点击http://localhost:8000 ,跳转到谷歌浏览器,一开始有那个加载百分比的界面,加载到百分百后却是空白网页,我用F12检查了错误如下:

a105194136ea5c651335fd6f13d7f43

6、于是去修改了routes.ts文件的 { component: '404', path: '/*', }, 将其注释掉或者改为: { component: '404', path: '/user/', }, image 7、结果是解决了空白页了,可以正常访问了,但是正常的结果不是跳转到登录页面叫你输入账号和密码,而是直接跳转到已经登陆好的页面 image

我以为是浏览器的cookie和session问题,于是清除了cookie和session后,且用无痕浏览器重新访问http://localhost:8000,依旧没有跳转到让输入账号和密码的页面,而是直接跳转到已经登陆好的主页,如下图 image

8、疑问:请问下为什么会空白页?为什么通过我的方法解决了空白页后,会直接跳转到已经登陆好的主页?

EsanLe commented 4 months ago

+1

october-rain commented 4 months ago

https://github.com/ant-design/ant-design-pro/pull/11168/commits/92ef3b85c8c99ced137424046e70e60103fb1c1e 这个 commit 里其实修复了这个问题,不过我没太理解,为什么现在还是安装不到?

Fettes commented 4 months ago

路由配置问题。

  1. 官方错了。路由写错了,你改的没毛病。
  2. 因为默认路由重定向了。 image