reactjs - 对 .jsx 文件使用绝对路径？

Question

我正在尝试将我的反应应用程序中的导入文件路径设为绝对路径。

（编辑：我正在尝试这样做：

import fetchAPI from "../../util/api" 

对此

import fetchAPI from "util/api"

)

我已经通过使用 jsconfig.json 看到了解决方案

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

据我了解，这只会使 .js 文件中的文件路径成为绝对路径。不幸的是，项目中的大多数文件都是 .jsx，有没有办法让这些文件路径成为绝对路径？

提前致谢 ：）

标签： reactjsjsx

Answer 1

一种解决方法是将target选项更改为"target": "esnext".

并将 更改 compilerOption为目标 React 或 react-native like "jsx": "preserve"or "jsx": "react"or "jsx": "react-native"。

{
"compilerOptions": {
    "target": "esnext",
    "jsx": "react",
    "baseUrl": "src"
},
"exclude": [
    "node_modules",
    "**/node_modules/*"
]

}