reactjs - React Webpack 4 解析别名

Question

我在使用 WebPack 的 React 应用程序中使用解析别名时遇到困难，并且我从 google 结果中尝试的所有操作似乎都没有效果。

这是我从 webpack 中得到的解决方案。

C:\webpack.config.js

resolve: {
    extensions: ['*', '.js', '.jsx'],
    alias: {
        apiAlias: path.resolve(__dirname, '/app/services/api/')
    }
}

这里是 C:\website\app\components\Accounts\Accounts.js

import ApiAccounts from '/apiAlias/ApiAccounts.js';

我有一个文件位于 C:\website\app\services\api\ApiAccounts.js将上面的行更改为以下内容:

import ApiAccounts from '../../services/api/ApiAccounts.js';

为了完整起见，以下是我的 webpack 依赖项:

"devDependencies": {
    "html-webpack-plugin": "^3.2.0",
    "webpack": "^4.12.0",
    "webpack-cli": "^3.0.3",
    "webpack-dev-server": "^3.1.4"
 }

但我不断收到错误

ERROR in ./app/components/Accounts/Accounts.js Module not found: Error: Can't resolve '/apiAlias/ApiAccounts.js' in 'C:\website\app\components\Accounts'

任何人都可以看到我所缺少的任何明显的东西，或者应该尝试尝试让它工作，或者即使有一种方法可以调试 webpack 以查看它实际使用的路径(如果别名实际上正在启动)在？

谢谢!

Answer 1

我唯一缺少的是/app 之前的点!

apiAlias: path.resolve(__dirname, './app/services/api/')