WebStorm中用于导入的路径别名

Question

102

我使用webpack路径别名来加载ES6模块。

例如：如果我为utils定义了别名，而不是像这样写：
import Foo from "../../../utils/foo"，我可以这样写：
import Foo from "utils/foo"

问题是一旦我开始使用别名，WebStorm就无法追踪导入，我会得到警告并失去自动完成功能。

有没有一种方法可以指示WebStorm使用这种别名？

- Bogdan D

12个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Aleksey Mann · Answer 1

如果 module.exports 返回一个函数，则 Webstorm 无法读取 webpack.config。例如：

module.exports = function (webpackEnv) {
  return {
    mode: isEnvProduction ? 'production' : isEnvDevelopment && 'development',
    ...
 }
}

请检查您的配置文件，这可能是导致问题的原因。

- Mark Walet · Answer 2

在使用 Jetstream 的新 Laravel 项目中遇到了同样的问题。虽然 webpack.config.js 存在且正确，但是 PHPStorm 仍然无法将 @ 符号识别为资源根。

在打开 webpack 配置后，我收到了一条通知：

点击“信任项目并运行”后，@符号得到了识别。

我知道这不是每个人的解决方案或用例。但我仍然觉得值得在这篇文章中记录下来，因为它在我的情况下帮助了我。

使用