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

Обновлено: 21.11.2024

<р>2. Найдите каталог nodejs. Мой каталог тот, что на картинке. Ваш может быть другим. Проверьте, есть ли следующие два файла.

<р>3. Чтобы изменить глобальный путь, вам нужно изменить путь пакета установки по умолчанию на эти два новых файла в nodejs

Настройте глобальный путь: npm config set prefix "C:\Program Files\nodejs\node_global"
Настройте путь кеша: npm config set cache "C:\Program Files\nodejs\node_cache"

Примечание. Путь здесь — это путь к файлу, который вы только что создали, вы можете щелкнуть файл правой кнопкой мыши --> скопировать текущий путь

<р>4. Изменить системные переменные среды

Рабочий стол --> Мой компьютер --> Щелкните правой кнопкой мыши Свойства --> Дополнительные параметры системы --> Переменные среды (или откройте панель управления напрямую)

Нажмите «Создать», чтобы создать системную переменную NODE_PATH, путь — это путь к файлу node_global, который вы создали, и добавьте еще один node_modules, как показано на рисунке

Добавить только что добавленный путь к пути системной переменной

Добавьте PATH к пользовательской переменной, путь совпадает с NODE_PATH

<р>5. Установить веб-пакет глобально

npm установить веб-пакет -g

Примечание. Если вы устанавливаете более позднюю версию webpack (теперь установленная версия выше), вам также необходимо установить webpack-cli

npm установить webpack-cli -g

Во время установки могут появиться некоторые предупреждения, которые не повлияют, пока пакет установлен.

После установки вы можете перейти в папку nodejs и посмотреть, есть ли там пакет webpack

<р>6. Запустите webpack -v, чтобы просмотреть текущую версию

Это установлено (версия, которую я установил здесь, относительно низкая), и ее можно использовать в проекте

Примечание. Если вы не закроете запущенное окно после установки, перейдите непосредственно к webpack-v, он все равно сообщит, что «webpack» не является внутренней или внешней командой. обязательно закройте запущенное окно и снова откройте его. Закройте запущенное окно и используйте команду webpack. Я не закрывал окно, когда устанавливал его, но продолжал сообщать об ошибках. Я удалял и устанавливал несколько раз.

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

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

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

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

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

Согласен с Максом, причина в том, что рекомендуется устанавливать веб-пакет локально (в devDependencies). Моя проблема была немного другой, когда я добавлял веб-пакет в качестве шага предварительной сборки в VS 2017, я думал, что VS достаточно умен. чтобы найти cmd веб-пакета локально без полного пути

Вы можете попробовать использовать npx webpack, который также проверяет ./node_modules/.bin вместо того, чтобы возиться с путями.

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

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

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

Я выполнял все шаги, но это не сработало, и, наконец, я понял, что не открывал CMD от имени администратора.

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

Это может решить сообщение об ошибке, опубликованное OP, но это не очень хорошее решение проблемы, поскольку оно добавляет больше зависимостей, чем просто устранение отсутствующего веб-пакета. Посмотрите любой из других ответов, получивших наибольшее количество голосов, чтобы найти лучшие альтернативы.

Я столкнулся с этой проблемой, и ваше решение очень хорошо помогло решить мою проблему "webpack-dev-server" не распознается как внутренняя или внешняя команда, исполняемая программа или пакетный файл.

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

Возможно, чистая установка решит проблему. Эта «команда» удаляет все предыдущие модули и переустанавливает их, возможно, в то время как модуль веб-пакета не полностью загружен и установлен.

Добавьте команду webpack в качестве скрипта npm в файл package.json.

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

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

EDIT: Многое изменилось.Разработчики Webpack не рекомендуют устанавливать CLI глобально (или отдельно). Эта проблема должна быть исправлена сейчас, но правильная команда установки:

Этот ответ изначально задумывался как «обходной путь» для проблемы OP.

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

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

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

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

а затем используйте 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.

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

Запустите npm install webpack -g в консоли (не следуйте за ним), и все будет гладко, как дорога утром.

Это так просто? ? ?

Ах! Слишком много думаю.

Ввод webpack -v в консоли по-прежнему показывает, что "webpack" не является ни внутренней, ни внешней командой, ни исполняемой программой, ни пакетным файлом.

Разве он не только что установлен? Почему это происходит?

веб-пакет не был успешно установлен! ! !

Далее научим вас правильно устанавливать веб-пакет.

<р>1. Проверьте каталог установки узла
Введите местонахождение узла
Просмотр изображения в окне командной строки
2. Войдите в каталог установки узла и посмотрите, есть ли следующие две папки, если нет, создайте новый View Image сами

<р>3. Измените глобальный путь, скопируйте два только что созданных пути к папкам, введите следующую команду в окне cmd

Настройте глобальный путь: npm config set prefix "D:\MySoftware\Node\node_global"
Настройте путь к кешу: npm config set cache "D:\MySoftware\Node\node_cache"

<р>4. Установка переменных системной среды

Метод открытия: Рабочий стол -> Мой компьютер -> Щелкните правой кнопкой мыши Свойства -> Дополнительные параметры системы -> Переменные среды
Просмотр изображения
Просмотр изображения

① Создайте новую папку node_modules в только что созданном каталоге node_global и скопируйте путь. Нажмите «Создать» в системных переменных, чтобы создать системную переменную NODE_PATH. Значением переменной является путь к созданной вами папке mode_modules: D:\MySoftware\Node\node_global\node_modules
Просмотр изображения
Просмотр изображения

② Выберите путь в системных переменных, нажмите «Изменить», добавьте путь к папке node_global в конце
; D:\MySoftware\Node\node_global
Примечание. В системе win10 нет необходимости добавлять точку с запятой;
Просмотр изображения
③ В пользовательских переменных выберите PATH, нажмите Edit, добавьте то же значение, что и NODE_PATH, в конце значения переменной
; то же, что и D:\MySoftware\Node\node_global\node_modules
, система win10 не требует добавления точки с запятой;
Просмотреть изображение

<р>5. Установить веб-пакет глобально

npm установить webpack -g
npm установить webpack-cli -g

После установки каталога node_global появятся следующие файлы
View Image

<р>6. Введите webpack -v в окне cmd, чтобы
отобразить номер версии, означающий, что установка прошла успешно.
Просмотр изображения
Примечание. После установки сохраните только что настроенные переменные среды и закройте окно, включая ранее запущенное окно cmd. Если запущенное окно не закрыто, перейдите непосредственно к webpack-v , он сообщит, что «webpack» не является внутренней или внешней командой. не забудьте закрыть запущенное окно и снова открыть его для запуска

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

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

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

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

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

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

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

Добавьте команду webpack в качестве скрипта npm в файл package.json.

EDIT: Многое изменилось. Разработчики Webpack не рекомендуют устанавливать CLI глобально (или отдельно). Эта проблема должна быть исправлена сейчас, но правильная команда установки:

Этот ответ изначально задумывался как «обходной путь» для проблемы OP.

вы должны установить webpack и webpack-cli в одной области.

если вы устанавливаете его локально, вам нужно вызвать его специально

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

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

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

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

а затем запустить команду на терминале;

Глобальная установка WebPack

Мне помогло установить webpack отдельно. Так просто:

Не знаю, зачем это нужно, но это сработало.

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

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

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

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

У меня возникла эта проблема при обновлении до React 16.12.0.

У меня было две ошибки: одна в отношении веб-пакета, а другая в отношении хранилища при рендеринге DOM.

Ошибка веб-пакета:

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

Решение Webpack:

Закрыть связанное решение VS
Удалить папку node_modules
Удален package-lock.json
установка npm
перестройка npm
Повторил это 2-3 раза

Ошибка магазина:

Тип Store нельзя присвоить типу Store

Решение для магазина:

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

Мой код в итоге выглядел так:

Если вы создаете стандартную папку для своих JS-проектов, чтобы можно было использовать JS-модули, вам подойдут webpack и Babel.

Не устанавливайте webpack глобально, и после установки самых последних версий обоих ваш файл package.json будет загружен и готов к копированию для будущих проектов.

Обязательно удалите папку node_modules, чтобы уменьшить размер файла в папке шаблона, а затем для переустановки node_modules используйте npm install .

Я забыл запустить npm install и продолжал получать эту ошибку при попытке запустить мой сервер разработки webpack, пока не понял, что мне нужно запустить npm install для установки node_modules, и тогда это сработало.

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

Эти приведенные ниже команды сработали для меня.

Примечание. Запускайте эти команды от имени администратора. После установки закройте командную строку и перезапустите ее, чтобы увидеть примененные изменения.

Попробуйте, ребята, cli необходимо обновить до последней версии

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

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

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

npm — диспетчер пакетов, поставляемый с Node.js. Его можно использовать для установки и публикации модулей CommonJS и ECMAScript, плагинов jQuery, повторно используемого кода JavaScript (библиотек), программ CLI на основе JavaScript…

webpack — сборщик статических модулей для современных приложений JavaScript. Webpack берет модули с зависимостями и генерирует статические ресурсы, представляющие эти модули. Webpack обеспечивает расширяемость…

Была ли у вас когда-нибудь эта ошибка узла "узел не распознан как внутренняя или внешняя команда"? Я столкнулся с проблемой, когда обнаружил эту ошибку узла в своей командной строке. Это сообщение об ошибке может быть обескураживающим. Я искал в Интернете и обнаружил, что проблема в том, что этот исполняемый файл узла не находится в моем PATH. Его точно не было.

Поэтому я добавил узел к пути, а затем перезапустил визуальную студию только для того, чтобы убедиться, что приложение снова работает. Вот шаги, которые вам нужно будет выполнить, чтобы избавиться от ошибки «исполняемый файл узла не был в моем пути».

Открыть панель управления => система и безопасность => система => дополнительные настройки системы => переменные среды
В «Пользовательских переменных» или «Системных переменных» найдите переменную PATH и укажите путь к папке Node JS. Часто это папка C:\Program Files\nodejs.Если у вас нет переменной, то не раздумывая создайте ее
Перезагрузите персональный компьютер.

Исполняемый код приложения должен находиться в папке C:\Program Files\nodejs. Если вы хотите проверить свой PATH, вы можете быстро проверить его, щелкнув правой кнопкой мыши Мой компьютер в проводнике и выбрав Дополнительные параметры системы.

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

Просто нажмите на кнопку, и появятся диалоговые переменные, в том числе системная переменная PATH. Теперь убедитесь, что путь к узлу включен, если он еще не добавлен.

После этого перезапустите Visual Studio или еще раз откройте новую командную строку. В строке слов введите «node -v», чтобы скопировать уже установленную версию узла. Другой способ ввести PATH в любое другое приложение — непосредственно из командной строки.

Откройте командную строку и введите, предполагая, что это ваш исходный путь, «SET PATH=C:\Program Files\Nodejs;%PATH%».

Итак, вот несколько способов избежать ошибки «исполняемый файл узла не находится в моем PATH». Я надеюсь, что это, безусловно, поможет вам, и не стесняйтесь комментировать ниже свои отзывы.

Я Digamber, разработчик полного стека и поклонник фитнеса. Я создал этот сайт, чтобы поделиться своим опытом программирования с начинающими программистами. Я люблю писать на JavaScript, ECMAScript, React, Angular, Vue, Laravel.

Читайте также: