React Webpack 4 Разрешить псевдоним - PullRequest
0 голосов
/ 10 июня 2018

У меня проблемы с получением псевдонима разрешения для работы в приложении React с использованием WebPack, и все, что я пробовал по результатам Google, похоже, не имеет значения.

Вот мое решение из веб-пакета.

C: \ website \ 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';

Для полноты вот мои зависимости веб-пакета:

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

и все же я продолжаю получать сообщение об ошибке

ОШИБКА в ./app/components/Accounts/Accounts.js Модуль не найден: Ошибка: не удается разрешить '/apiAlias ​​/ ApiAccounts.js 'в' C: \ website \ app \ components \ Accounts '

Может кто-нибудь увидеть что-то очевидное в том, что мне не хватает, или должен попытаться попытаться заставить это работатьили даже если есть способ отладки веб-пакета, чтобы увидеть, какой путь он на самом деле использует, если псевдоним действительно используется?

Спасибо!

1 Ответ

0 голосов
/ 10 июня 2018

Единственное, чего мне не хватало, это точки до / app!

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