'；webstorm.typescript.webpack_别名'；。我能'；当我在tsx中使用alias时，无法获得智能提示

1.我通过创建反应应用程序（typescript）构建了一个项目

2.然后，我运行弹出

我将webstorm:Language&Frameworks>Javascript>webpack设置为webpack配置

tsconfig.json

这是./paths文件：

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

当我在.js文件中使用“@”代替像“../../”这样的绝对路径时，它运行良好，但在jsx文件中失败。（我的意思是项目将成功编译，但webstorm无法提示我输入代码）

---

我搞错什么了吗？我怎样才能得到明智的建议

在Typescript项目中，Web包配置文件中的路径别名不用于路径解析，而是使用

tsconfig.json

中的路径映射。但是IDE不会将

路径

文件视为有效的

tsconfig.json

，因此不会从中读取映射。您需要重命名文件或将其名称添加到为设置|编辑器|文件类型中的类型脚本配置文件类型注册的模式列表中。我想我已经解决了这个问题

首先，我重写“/path”。（或者您可以将其合并到tsconfig.json中）

---

当您在@之后插入“/”时，您将获得智能提示…

谢谢您的回答。我已经解决了这个问题，只是写了出来~~~

{
  "compilerOptions": {
    "experimentalDecorators": true,
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react"
  },
  "include": [
    "src"
  ],
  "extends": "./paths"
}

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

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