使用Webpack 4无法解决React上的别名问题

Question

我的CRA文件夹的根目录中有一个webpack.config.js：

const path = require("path");

module.exports = {
  resolve: {
    modules: [path.resolve(__dirname, "./src"), "node_modules"],
    extensions: ["*", ".js", ".jsx"],
    alias: {
      "@components": path.resolve(__dirname, "./src/components/")
    }
  }
};

我正在尝试使用以下命令将组件导入另一个深度嵌套的子组件中：

import HelloWorld from "@components/HelloWorld";

但是eslint给了我这个问题：

Failed to compile. Module not found. Can't resolve '@components/HelloWorld'

我已经广泛搜索Google数小时，并尝试了各种方法（添加jsconfig.json，eslint-import-resolver-pack等），但是我所看到的建议都没有奏效。

如果您以前遇到过此问题，您会怎么建议？