Webpack не распознается как внутренняя или внешняя команда, оперативная программа или командный файл

Ответ 1

У меня тоже была эта проблема. (webpack установлен глобально и т.д., но все еще не распознан). Оказалось, что я не указал переменную окружения для npm (где находится файл webpack.cmd). Поэтому я добавляю к переменной Path

%USERPROFILE%\AppData\Roaming\npm\

Если вы используете Powershell, вы можете ввести следующую команду, чтобы эффективно добавить к вашему пути:

[Environment]::SetEnvironmentVariable("Path", "$env:Path;%USERPROFILE%\AppData\Roaming\npm\", "User")

ВАЖНО: Не забудьте закрыть и снова открыть окно PowerShell, чтобы применить это.

Надеюсь, поможет.

Ответ 2

Лучшее решение этой проблемы - установить Webpack глобально.

Это всегда работает, и это сработало для меня. Попробуйте выполнить команду ниже.

npm install -g webpack

Ответ 3

В качестве альтернативы, если у вас установлен Webpack локально, вы можете явно указать, где должна выглядеть командная строка, чтобы найти его, например, так:

node_modules\.bin\webpack

(Это предполагает, что вы находитесь в каталоге с вашим package.json и что вы уже запустили npm install webpack.)

Ответ 4

npm install -g webpack-dev-server решит вашу проблему

Ответ 5

Добавьте команду webpack в качестве npm script в package.json.

{
    "name": "react-app",
    "version": "1.0.0",
    "scripts": {
      "compile": "webpack --config webpack.config.js"
    }
}

Затем запустите

npm выполнить компиляцию

Когда веб-пакет установлен, он создает двоичную папку. / node_modules/.bin. Скрипты npm также ищут исполняемый файл, созданный в этой папке

Ответ 6

Интерфейс командной строки Webpack теперь находится в отдельном пакете и должен быть установлен глобально, чтобы использовать команду "webpack":

npm install -g webpack-cli

РЕДАКТИРОВАТЬ: многое изменилось. Люди Webpack не рекомендуют устанавливать CLI глобально (или отдельно в этом отношении). Эта проблема должна быть исправлена сейчас, но правильная команда установки:

npm install --save-dev webpack

Этот ответ изначально был задуман как "обходной путь" для проблемы ОП.

Ответ 7

Попробуйте удалить node_modules в локальном каталоге и перезапустите npm install.

Ответ 8

Просто запустите свою командную строку (cmd) в качестве администратора.

Ответ 9

У меня была такая же проблема, и я просто добавил блок кода в файл package.json;

 "scripts": {
   "build": "webpack -d --progress --colors"
 }

а затем выполните команду на терминале;

npm run build

Ответ 10

вам необходимо установить webpack и webpack-cli в том же объеме.

npm i -g webpack webpack-cli

или же,

npm i webpack webpack-cli

если вы устанавливаете его локально, вам необходимо назвать его

node_modules/.bin/webpack -v

Ответ 11

Мы также столкнулись с этой проблемой, и мне нравятся все ответы, которые предлагают использовать скрипт, определенный в package.json.

Для наших решений мы часто используем следующую последовательность:

1. npm install --save-dev webpack-cli (если вы используете webpack v4 или новее, в противном случае используйте npm install --save-dev webpack, см. npm install --save-dev webpack пакета, получено 19 января 2019 г.)
2. npx webpack

Шаг 1 является одноразовым. Шаг 2 также проверяет ./node_modules/.bin. Вы также можете добавить второй шаг как скрипт npm в package.json, например:

{
   ...
   "scripts": {
      ...
      "build": "npx webpack --mode development",
      ...
   },
   ...
}

а затем используйте npm run build для выполнения этого скрипта.

Протестировал это решение с версией npm 6.5.0, версией webpack 4.28.4 и версией webpack-cli 3.2.1 в Windows 10, выполнив все команды внутри окна PowerShell. Моя версия nodejs/была 10.14.2. Я также проверил это на Ubuntu Linux версии 18.04.

Я бы не советовал устанавливать веб-пакеты глобально, особенно если вы работаете с множеством разных проектов, для каждого из которых может потребоваться другая версия веб-пакета. Установка веб-пакета глобально блокирует доступ к определенной версии во всех проектах на одном компьютере.

Ответ 12

Установите WebPack глобально

npm install --global webpack

Ответ 13

Я получил ту же ошибку, ни один из решений не работал для меня, я переустановил узел и восстановил свою среду, все работает снова.

Ответ 14

Если вы только что клонировали репо, вам сначала нужно запустить

npm install

Ошибка, которую вы получите, будет сгенерирована, если вы пропустили зависимости проекта. Приведенная выше команда загрузит и установит их.

Ответ 15

Попробуйте это, ребята, Cli должен быть обновлен до последней версии

npm install --save-dev @angular/[email protected]

кредит идет к Р.Ричардсу fooobar.com/questions/144822/...

Ответ 16

Для меня исправлением была локальная установка веб-пакета как devDependency. Хотя он у меня есть как devDependencies он не был установлен в папке node_modules. Итак, я запустил npm install --only=dev

Ответ 17

Для меня это работало, чтобы установить веб-пакет отдельно. Так просто:

$npm install
$npm install webpack

Я не уверен, почему это необходимо, но это сработало.

Ответ 18

npx webpack

Это работает для меня. Я использую Windows 10, и я установил веб-пакет локально.

Ответ 19

Иногда npm install -g webpack не сохраняется должным образом. Лучше использовать npm install webpack --save. Это сработало для меня.

Ответ 20

У меня была такая же проблема, и я не мог понять это. Я просмотрел каждую строку кода и не смог найти свою ошибку. Затем я понял, что установил веб-пакет в неправильную папку. Моя ошибка не обращала внимания на папку, в которую я устанавливал веб-пакет.