我已经按照 cra 文档中的描述设置了 jsconfig.json。 [ https://create-react-app.dev/docs/importing-a-component#absolute-imports][1]

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

如果直接写入文件就可以正常工作。

import Test from 'pages/Test'

但是当我尝试延迟加载它时，就会产生问题。

const TestPage= React.lazy(() => import('pages/Test'));

这样做给出错误无法找到模块:页面/测试

但是如果我写相对路径，它工作正常。

const TestPage= React.lazy(() => import('../../pages/Test'));

那么，我的问题是如何使用绝对路径动态导入模块？

谢谢

最佳答案

尝试为 pages 添加 "paths" 属性到 "compilerOptions"，如下所示:

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
       "pages": "src/pages"
    }
  },
  "include": ["src"]
}

关于javascript - 创建 React 应用程序 + React lazy + Absolute Imports，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62235625/