Webpack имя webpack не распознано как имя командлета

Русские Блоги

Элемент «webpack» не может быть распознан как имя командлета, функции, файла сценария или исполняемой программы .

Причина этой ошибки: в Windows10 ваш веб-пакет частично установлен и не добавлен в переменные системной среды, поэтому консоль не может найти команду веб-пакета. Есть следующие способы решить эту проблему:

• Первый способ (лично предпочитаю этот), найти корневой каталог проектаpackage.jsonФайл, настроить опцию «скрипты», настроить плюс ”build“：”webpack“

Затем введите в командной строке npm run build , Просто используйте npm для запуска webpack.

• Второй метод, в корневом каталоге вашего проекта есть папка node_modules, в этой папке есть папка .bin, просто добавьте этот путь в параметр PATH системной среды.

Конкретный путь xxx\node_modules\.bin\ , Передний xxx заменяется корневым каталогом вашего проекта, например моим: G:\exercise\life\node_modules\.bin\ , Вы можете перейти прямо в каталог .bin и скопировать его.

Переменные средыМой компьютер-> Свойства-> Дополнительные настройки-> Переменные среды-> ПУТЬ

• Третий метод — глобальная установка веб-пакета.(Не рекомендуется)
  Почему это не рекомендуется? Официальное объяснение сайта:
  

Webpack имя webpack не распознано как имя командлета

Reddit and its partners use cookies and similar technologies to provide you with a better experience.

By accepting all cookies, you agree to our use of cookies to deliver and maintain our services and site, improve the quality of Reddit, personalize Reddit content and advertising, and measure the effectiveness of advertising.

By rejecting non-essential cookies, Reddit may still use certain cookies to ensure the proper functionality of our platform.

For more information, please see our Cookie Notice and our Privacy Policy .

Get the Reddit app

A community dedicated to all things web development: both front-end and back-end. For more design-related questions, try /r/web_design.

using terminal in vscode. when I run webpack, I get command webpack is not found. But then I run "npm start" and the webpack command does run.

so, npm knows where to find a dev installed command? How to run webpack from the vscode terminal command line when it was installed as a —save-dev package?

PS C:\web\colt> webpack webpack : The term 'webpack' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + webpack +

+ CategoryInfo : ObjectNotFound: (webpack:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException

Webpack is not recognized as an internal or external command

In this article, we will see all available fixes for the issue “Webpack is not recognized as a internal or external command”.

2. Webpack is not recognized as a internal or external command

We recommend installing webpack locally for most of your projects. This makes it easier to upgrade projects individually.

2.1. Install locally

Installing globally forces all projects to a specific version of webpack and could fail in projects that use a different version.

You can install webpack locally. We suggest installing with —save-dev option if you use webpack only for bundling and do not want to include webpack in your production build.

If running webpack doesn’t work, then you can access its binary version from node_modules/.bin/webpack .

Alternatively, if you are using npm v5.2.0 or greater, you can run npx webpack to do it.

2.2. Install globally to prevent webpack is not recognized error

The next solution is to install the webpack library globally.

If still didn’t work, then check and add your npm to your environment variable PATH. Once you add to your path, the command prompt knows where to find the installed webpack.

NPM node_modules installation path

3. Conclusion

In this article, we have discussed ways to prevent the webpack unrecognized error.

Имя webpack не распознано как имя командлета

Причина этой ошибки: в Windows10 ваш веб-пакет частично установлен и не добавлен в переменные системной среды, поэтому консоль не может найти команду веб-пакета. Есть следующие способы решить эту проблему:

• Первый способ (лично предпочитаю этот), найти корневой каталог проектаpackage.jsonФайл, настроить опцию «скрипты», настроить плюс ”build“：”webpack“

Затем введите в командной строке npm run build , Просто используйте npm для запуска webpack.

• Второй метод, в корневом каталоге вашего проекта есть папка node_modules, в этой папке есть папка .bin, просто добавьте этот путь в параметр PATH системной среды.

Конкретный путь xxx\node_modules\.bin\ , Передний xxx заменяется корневым каталогом вашего проекта, например моим: G:\exercise\life\node_modules\.bin\ , Вы можете перейти прямо в каталог .bin и скопировать его.

Переменные средыМой компьютер-> Свойства-> Дополнительные настройки-> Переменные среды-> ПУТЬ

• Третий метод — глобальная установка веб-пакета.(Не рекомендуется)
  Почему это не рекомендуется? Официальное объяснение сайта:
  

Интеллектуальная рекомендация

Matalb Read Json File

Matlab читает файл json В MATLAB данные могут быть записаны в файл JSON, но функция чтения JSON не найдена. После проверки его онлайн большинство из них являются личными функциями, и могут возникнуть .

Написать систему управления студентами с JDBC

Сначала подготовим ранее требуемую конфигурацию: классный файл, банку. Добавьте процедуру упаковки JAR: Щелкните правой кнопкой мыши имя проекта -> New-> Папка -> Имя папки Заполните в Lib (и.

удалить меры предосторожности для детей

Java-код Кусок обычного кода: Где gift_list — это идентификатор таблицы Если: Тогда только первая строка будет удалена в это время, потому что после удаления позиция строки будет сдвинута вперед на од.

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

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

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

важно : Не забудьте закрыть и повторно открыть окно powershell, чтобы применить этот.

надеюсь, что это помогает.

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

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

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

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

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

важно : Не забудьте закрыть и снова открыть окно powershell, чтобы применить этот.

надеюсь, что это помогает.

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

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

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

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

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

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

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

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

• 6 ну, я застрял в одном и том же месте . Не могли бы вы уточнить свой ответ
• 2 Я выполнил все шаги, но это не сработало, и наконец я понял, что не открывал CMD от имени администратора.
• 1 Лучше установить% APPDATA% \ npm

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

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

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

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

(Предполагается, что вы находитесь внутри каталога со своим и уже запустили .)

• 4 Согласитесь с Максом, причина в том, что рекомендуется установить веб-пакет локально (в devDependencies). Моя проблема была немного другой, но при добавлении веб-пакета в качестве этапа предварительной сборки в VS 2017 я думал, что VS достаточно умен, чтобы найти cmd webpack локально без полного пути
• @JimiSweden вы пробовали добавить в инструменты-> настроить внешние инструменты
• 4 Вы можете попробовать использовать , который также проверяет вместо того, чтобы возиться с путями.
• Это единственный ответ, который пока работает для меня.

решит вашу проблему

• 2 Это может решить сообщение об ошибке, опубликованное OP, но это не лучшее решение проблемы, поскольку оно добавляет больше зависимостей, чем просто решение отсутствующего веб-пакета. Посмотрите любой из других высоко оцененных ответов, чтобы найти лучшие альтернативы.
• 2 Как уже указывалось разными участниками (см. Другие ответы / комментарии), глобальная установка считается плохой практикой, поскольку она ограничивает вас одной версией. См. Также webpack.js.org/guides/installation.

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

• 1 Спасибо, это действительно сработало для меня, попробовал другие ответы и был здесь зол на мир более часа

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

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

• не работает — npm install -g webpack-dev-server правильная команда

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

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

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

• 1 "должен быть установлен глобально" не совсем правильно я так понимаю. Даже разработчики веб-пакетов не советуют этого делать. См. Webpack.js.org/guides/installation.

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

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

• Или, если установлена ​​локально, вы можете использовать (протестировано с npm версии 6.5.0, webpack 4.28.4 и webpack-cli 3.2.1)
• это билет
• npm я -g webpack webpack-cli

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

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

1. (если вы используете webpack v4 или новее, в противном случае используйте , см. Установку webpack, получено 19 января 2019 г.)

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

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

Протестировано это решение с 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. Глобальная установка webpack привязывает вас к определенной версии для всех проектов на одном компьютере.

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

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

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

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

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

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

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

У меня это сработало. Я использую Windows 10 и установил webpack локально.

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

У меня было две ошибки: одна относительно webpack а другой относительно магазин при рендеринге DOM.

Ошибка Webpack:

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

Решение Webpack:

1. Близкое решение VS
2. Удалить папку
3. Удалено
4. Повторил это 2-3 раза

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

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

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

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

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

Согласно этому решению

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

• Это то, что я должен был сделать. Я попробовал по крайней мере три других "решения", представленных здесь, и ни одно из них не помогло, за исключением повторной деинсталляции и повторной установки Node.

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

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

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

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

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

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

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

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

• Удаление node_modules + npm install снова заставило меня. Спасибо!

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

кредит переходит к Р. Ричардсу https://stackoverflow.com/a/44526528/1908827

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

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

• 1 -g устанавливается глобально (не ваш локальный проект node_modules + package.json), а —save устанавливается локально (в вашем локальном node_modules + package.json), поэтому этот ответ неверен.

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