《踩坑》umi3 不支持yaml注释配置路由

网上仍有很多教程教的 umi2 ，这两天用 umi3 搭建了个react，发现的一些改动：

1. umi-plugin-react，写法的改变，报的错：path must be a string...
2. 就是今天想说的 yarm 注释配置路由

用的约定式路由：

工程目录如下：

image.png

umi2 的写法

/**
 * Routes:
 *      - src/router/PrivatePages
 */
import React from 'react';
export default function index() {
    return (
        <div>
            <h1>欢迎</h1>
        </div>
    )
}

利用 yaml 语法，
生成的 routes.ts 如图：是键值叫：“Routes” 的

routes.ts

umi3 的写法：

import React from 'react'
function index() {
    return (
        <>
            <h1>欢迎</h1>
        </>
    )
}

index.wrappers = ['@/router/PrivatePages'];
export default index;

直接加属性，
生成的 routes.ts 如图：是键值叫：“wrappers” 的

routes.ts