React Webpack 4 Resolve Alias

Question

J'ai du mal à faire fonctionner l'alias de résolution dans mon React en utilisant WebPack, et tout ce que j'ai essayé à partir des résultats de Google ne semble pas faire de différence.

Voici ma résolution de webpack.

C:\site Web\webpack.config.js

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

Voici C:\website\app\components\Accounts\Accounts.js

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

et j'ai un fichier situé dans C:\website\app\services\api\ApiAccounts.js Changer la ligne ci-dessus pour les travaux ci-dessous:

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

Pour la plénitude, voici mes dépendances webpack:

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

et pourtant je continue à recevoir l'erreur de

ERREUR dans ./app/components/Accounts/Accounts.js Module introuvable: Erreur: impossible de résoudre '/apiAlias/ApiAccounts.js' dans 'C:\website\app\components\Accounts'

Quelqu'un peut-il voir quelque chose d'évident quant à ce qui me manque, ou devrait essayer d'essayer de le faire fonctionner, ou même s'il existe un moyen de déboguer le webpack pour voir quel chemin il utilise réellement si l'alias entre en jeu?

Merci!

Answer 1

La seule chose qui me manquait était le point avant/app!

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