绝对路径不适用于 Windows，但适用于 Mac？

Question

在我的组件包中，我已将 package.json 添加为

{
"name": "component"
}

并将其用作

import SuccessDialog from '@component/

但是，这在 Mac 上运行良好，但在 Windows 上却不行。是否有任何依赖项需要交叉检查。我在 Windows 上使用 WebStorm，在 Mac 上使用 Visual Studio Code。

Answer 1

WebStorm 从未支持过这种用于指定绝对路径的 React 本机 hack（据我所知，任何地方都没有正式记录）。如果您错过此功能，请关注WEB-23221 获取更新。您可以尝试创建一个虚拟 webpack 配置，就像 https://youtrack.jetbrains.com/issue/WEB-23221#focus=streamItem-27-2719626.0-0 中建议的那样，并在 Settings | 中指定它的路径。语言和框架 | JavaScript | Webpack 作为一种解决方法。

另一种解决方法（如果您不重命名路径，只是让它们更短）是将component 目录的父文件夹标记为 Resource root（注意：不是子目录本身，而是它的父目录目录！）