ReactJS-指定“时未找到模块”;“路径”;在jsconfig.json中

ReactJS-指定“时未找到模块”;“路径”;在jsconfig.json中,reactjs,Reactjs,考虑jsconfig.json中的以下设置 { "compilerOptions": { "baseUrl": ".", "paths": { "@components/*": ["src/components/*"], "@constants/*": ["src/constants/*"] } } } 当我尝试通过以下方式导入组件中的app constants.js文件时: imp

考虑jsconfig.json中的以下设置

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "@components/*": ["src/components/*"],
            "@constants/*": ["src/constants/*"]
        }
    }
}
当我尝试通过以下方式导入组件中的
app constants.js
文件时:

import AppConstants from "@constants/app-constants";
我似乎得到了以下错误:

Module not found: Can't resolve '@constants/app-constants'
我的
app constants.js
文件直接位于
src/constants
文件夹中:

知道为什么会这样吗

编辑

我试着用这个:

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}
并且在直接调用文件夹(如
constants/app constants.js

但当我尝试第一种方法时,我就不知道了


如果有人能告诉我我的错误,那就太好了。

你的代码看起来不错,你可以通过智能感知来验证它,例如:

import AppConstants from "@constants/";
它将在智能感知中显示
应用程序常量

现在的问题是,react还不支持
别名,但很快就会支持

我不知道我们是否会在短期内增加对别名的支持。我 我个人现在没有时间做这件事。我认为 将baseUrl设置为的当前选项。或src足以 解决与相对进口的斗争。除此之外,它只是 个人偏好,比如使用@而不是src作为前缀