如何在CRA应用程序中进行代码拆分

Question

我正在使用从https://reactjs.org/docs/create-a-new-react-app.html创建的打字稿来开发React App，并决定看一下代码拆分，目前我将所有组件一次全部加载到我的app.js上，而我想每个路由请求都有点延迟加载！

我已经看过https://reactjs.org/docs/code-splitting.html，它似乎对我不起作用。我收到如下错误： 无法获取动态导入的模块。代码如下：

const UserSchema = new mongoose.Schema({
_id: {
type: String,
required: true,
},
email: {
 type: String,
 required: true,
},
username: {
 type: String,
 required: true,
},
contacts: [ContactSchema]
});

有人知道为什么这行不通吗？这种模式是否适用于CRA应用程序，我应该启用，安装或配置任何功能以使代码拆分工作正常吗？