reactjs - 将绝对路径添加到由 "Create React App"创建的应用程序

标签 reactjs typescript create-react-app

我创建了一个应用程序 Create React App更具体地说,我也在使用 typescript 。

我不知道如何设置绝对路径来访问我的组件、页面等。

在不同的情况下,我会用以下内容更新我的 tscongig:

{
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "@components/*": ["src/components/*"]
      }
    }
  }

但我不知道如何实现这一点,因为我正在使用 react-scripts任何的想法?

最佳答案

创建一个 tsconfig.json 文件并添加以下代码。

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

然后您可以将您的组件导入为
import Header from 'components/Header';

关于reactjs - 将绝对路径添加到由 "Create React App"创建的应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55219307/

相关文章:

reactjs - Redux 表单验证在加载时触发(UPDATE_SYNC_ERRORS)

reactjs - Material UI 卡高度

typescript - 如何在 typescript 中显式定义具有不同元组类型的元组数组?

reactjs - 为什么我的 React 项目从 React-scripts 3.2.0 更新到 3.3.0 时崩溃?

javascript - 对 JS 和 CSS 的请求改为给出 index.html

javascript - 无法读取 null 的属性 'suppressHydrationWarning'

javascript - 来自 Prop 的 ReactJs 样式表行

unit-testing - 使用 Mocha 设置 TypeScript 单元测试

javascript - 使用 Typescript 分配给类的函数变量

typescript - 类型 'closeTo' 上不存在属性 'Expect'