Ant Design Pro：只有 pages 或 page 目录下的页面才能插入资产。 【问题已解决】

问题出现

最近在学习 Ant Design Pro 4 ，在创建好的新页面上配置区块时时总是报错：只有 pages 或 page 目录下的页面才能插入资产。如下图：
网上查到两种解决方式，不过都没有解决问题：
方法一：
设置环境变量 export BABEL_CACHE=none 然后 npm start，不过我是刚学的菜鸡，都不知道怎么设置这个环境变量，所以 pass 了。不过看评论好像效果也不怎么好。

方法二：
添加完页面然后重启，我自己试了很多次，好像没有效果还是不能添加区块。不过有的人说这样是可以解决问题的。

解决方法

我自己是在官方论坛上找到了一个解决办法的。

找到新建页面对应的 xxx.tsx 文件，找到 PageHeaderWrapper 标签，在里面随便加点东西（我是加了个 a 标签，可以添加区块后删掉也没有产生影响），保存后刷新页面就可以添加区块了。

可以插入区块了。

问题是解决了，但是还是不明白问题的根源是什么，理论上不会出现这样的bug的。