WebStorm 中的 React Native TypeScript 相对路径答案

【问题标题】：React Native TypeScript relative path in WebStormWebStorm 中的 React Native TypeScript 相对路径
【发布时间】：2020-01-08 07:49:25
【问题描述】：

这是我的变量color 的路径：app/theme

我在app/package.json 中制作了 package.json 内容：

{
 "name": "app"
}

所以我可以在 TS 文件中使用这个导入： import { color } from 'app/theme' 可以，但 WebStorm 将其视为错误：

知道怎么解决吗？

【问题讨论】：

这是一个编译器错误 - tsc 编译器无法通过指定路径找到 TypeScript 模块（.ts 文件）。你的theme.ts（或theme/index.ts 路径是什么样的？它是一个模块吗？

【解决方案1】：

WebStorm 和 TSC 编译器都不提供对 this React native hack 的支持（据我所知，任何地方都没有正式记录）。

您必须在 tsconfig.json 中配置 path mappings 才能识别这些路径。

【讨论】：