WebStorm 无法解析导入语句

Question

我有一个 React Native 项目，它使用子目录中的 package.config 文件来提供名称。 例如{ 'name': '@subdirectory' } 。

然后，在其他文件中导入时，我们看到import foo from '@subdirectory/bar' 。

如何配置 WebStorm 2017.2.2 以接受这些别名，而不是给我“未安装模块...”？

Answer 1

您可以尝试在项目视图中右键单击您的子目录，然后-> Mark directory as -> Resource Root 。

Answer 2

WebStorm 不提供对这种 React Native hack 的支持（据我所知，在任何地方都没有正式记录）。 如果您错过了此功能，请关注WEB-23221进行更新。

将@subdirectory的父文件夹标记为资源根目录（注意：不是子目录本身，而是其父目录！）应该有助于解决问题。

Answer 3

这只是一种解决方法，但您可以在项目根目录中创建一个包含any_name.js的文件，其中包含以下内容：

System.config({ "paths": { 
       "@subdirectory/*": "./path/to/subdirectory/*"
      }
});