dvajs在嵌套路由中動態(tài)導(dǎo)入model

1. 我想在子路由中動態(tài)導(dǎo)入model, 因為model比較大, 我需要在這個子頁面加載的時候加載model, 另外這個我通過modelExtend 動態(tài)生成model(動態(tài)生成namespace)
   
2. 我的實現(xiàn)是在子路由中引入 app, 然后動態(tài)加載路由, 確實動態(tài)加載了子路由, 但是會報錯

import React from 'react'
import modelExtend from 'dva-model-extend'
import { Route, Switch, Redirect } from 'react-router-dom'
import dynamic from 'dva/dynamic'
import app from '../../../index'

function StepRoutes({ match }) {
  const id = match.params.id
  const routes = [{
    path: `${match.url}/class-maintenance`,
    models: () => [modelExtend(ClassBasicModel, { namespace: `class-maintenance-${id}` })],
    component: () => import('./ClassMaintenance'),
  }, {
    path: `${match.url}/course-selection`,
    models: () => [import('./CourseSelection/basicModel')],
    component: () => import('../Steps/CourseSelection'),
  }]
  return (
    <Switch>
      <Route exact path={match.url} render={() => (<Redirect to={`${match.url}/class-maintenance`} />)} />
      {
        routes.map(({ path, ...dynamics }, index) => (
          <Route
            key={index}
            exact
            path={path}
            component={dynamic({ app, ...dynamics })}
          />
        ))
      }
    </Switch>
  )
}

export default StepRoutes

3.請問我該怎么正確的實現(xiàn)這個需求呢? 謝謝.