umi搭建脚手架约定式路由使用技巧

官方文档对于约定式路由的定义

理解: 就是说你在pages目录下建立一个文件,路由会自动生成,而不需要你自己配置

但是实际上你写了文件之后,手动在浏览器地址栏输入路由没有发生跳转

原因: 使用脚手架搭建的项目会在配置文件中对路由进行配置。
若.umirc.(ts|js)或 config/config.(ts|js) 文件中对 router 进行了配置，约定式路由将失效、新添的页面不会自动被 umi 编译，umi 将使用配置式路由

解决方案: 重新修改.umirc.(ts|js)文件,修改后如下即可

export default {
  treeShaking: true,

  plugins: [
    [
      'umi-plugin-react',
      {
        antd: true,
        dva: true,
        dynamicImport: false,
        title: 'umi',
        dll: false,
      },
    ],
  ],
};

我的目录是这样的

完成之后访问: http://localhost:8000/setInterval即可