Gulp имя gulp не распознано как имя командлета функции файла сценария или выполняемой

Обновлено: 07.07.2024

Зачем использовать Gulp?

  • Это короче, проще и быстрее по сравнению с другими бегунами задач.
  • Использует SASS и LESS в качестве CSS-препроцессора.
  • Автоматически обновляет страницу после редактирования исходных файлов.
  • Легко понять и создать Gulpfile.js, потому что он использует чистый код JavaScript для построения задачи.

история

На всю документацию Gulp распространяется лицензия CC0. Изначально Gulp v1.0.0 был выпущен 15 января 2015 года, а текущая версия Gulp v3.9.0 .

Характеристики

  • Обеспечивает минификацию и конкатенацию.
  • Использует чистый код JavaScript.
  • Преобразует LESS или SASS в компиляцию CSS.
  • Управляет манипуляциями с файлами в памяти и повышает скорость с помощью платформы Node.js.

преимущества

  • Огромное преимущество в скорости перед любым другим бегущим заданием
  • Легко кодировать и понимать.
  • Легко тестировать веб-приложения.
  • Плагины просты в использовании и предназначены для одновременного выполнения одного действия.
  • Многократно выполняет повторяющиеся задачи, такие как минимизация таблиц стилей, сжатие изображений и т. Д.

Недостатки

  • Больше количества зависимостей и является новичком по сравнению с Grunt.
  • Используя плагины Gulp, вы не можете выполнять несколько задач.
  • Конфигурация не так чиста, как Grunt.

Эта статья содержит пошаговую процедуру установки Gulp.

Системные требования для Gulp

Установка Гульпа

Установка Глотка

Загрузите последнюю версию Zip-файла.

Путь пользователя переменная

  • Щелкните правой кнопкой мыши на Мой компьютер.
  • Выберите Свойства.
  • Выберите вкладку «Дополнительно» и нажмите «Переменные среды».

Установка Глотка

В окне «Переменные среды» дважды щелкните ПУТЬ, как показано на следующем экране.

В окне «Переменные среды» дважды щелкните ПУТЬ, как показано на следующем экране.

Установка Глотка

Вы получите окно редактирования пользовательской переменной, как показано на следующем снимке экрана. Добавьте путь к папке Node.js в поле Значение переменной как C: \ Program Files \ nodejs \ node_modules \ npm. Если путь уже задан для других файлов, вам необходимо поставить точку с запятой (;) и добавить путь Node.js, как показано на следующем снимке экрана.

Вы получите окно редактирования пользовательской переменной, как показано на следующем снимке экрана. Добавьте путь к папке Node.js в поле Значение переменной как C: \ Program Files \ nodejs \ node_modules \ npm. Если путь уже задан для других файлов, вам необходимо поставить точку с запятой (;) и добавить путь Node.js, как показано на следующем снимке экрана.

Установка Глотка

В конце нажмите кнопку «ОК».

Системная переменная

В разделе «Системные переменные» дважды щелкните «Путь», как показано на следующем экране.

В разделе «Системные переменные» дважды щелкните «Путь», как показано на следующем экране.

Установка Глотка

Вы получите окно редактирования системной переменной, как показано на следующем снимке экрана. Добавьте путь к папке Node.js в поле «Значение переменной» как C: \ Program Files \ nodejs \ и нажмите «ОК», как показано на следующем снимке экрана.

Вы получите окно редактирования системной переменной, как показано на следующем снимке экрана. Добавьте путь к папке Node.js в поле «Значение переменной» как C: \ Program Files \ nodejs \ и нажмите «ОК», как показано на следующем снимке экрана.

Установка Глотка

Установка Глотка

Установка Глотка

Установка Глотка

В этой главе вы познакомитесь с некоторыми основами, связанными с Gulp.

Что такое система сборки?

Система сборки называется набором задач (вместе именуемых «исполнителями задач»), которые автоматизируют повторяющуюся работу.

Ниже приведен список некоторых задач, которые можно выполнить с помощью системы сборки:

  • Компиляция препроцесса CSS и JavaScript.
  • Минификация файлов для уменьшения их размера.
  • Объединение файлов в один.
  • Запуск сервера для автоматической перезагрузки.
  • Создание сборок развертывания для хранения полученных файлов в одном месте.

В современном интерфейсном рабочем процессе система сборки работает с 3 компонентами:

  • Менеджеры пакетов
  • Препроцессоры
  • Задачи и инструменты сборки

Менеджеры пакетов

Он используется для автоматизации установки обновления, удаления необходимых зависимостей, чистых библиотек и пакетов, используемых в среде разработки. Примером для менеджеров пакетов являются bower и npm .

Препроцессоры

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

Задачи бегунов

Исполнители задач автоматизируют задачи, такие как преобразование SASS в CSS, минимизируют файлы, оптимизируют изображения и многие другие задачи, используемые в рабочем процессе разработки. Gulp является одним из тех, кто выполняет задачи в современной рабочей среде, и работает на Node.

Настройка вашего проекта

В предыдущих главах вы изучали установку Gulp и основы Gulp, которые включают в себя систему сборки Gulp, менеджер пакетов, запуск задач, структуру Gulp и т. Д.

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

  • Объявление необходимых зависимостей
  • Создание задачи для зависимостей
  • Выполнение задачи
  • Смотря задачу

Декларация зависимостей

При установке плагинов для приложения необходимо указать зависимости для плагинов. Зависимости обрабатываются менеджером пакетов, таким как bower и npm.

Вы можете добавить зависимости в файл конфигурации, как показано в следующем коде.

Вышеупомянутая строка включает в себя плагин, и он включен как объект с именем imagemin .

Создание задачи для зависимостей

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

Изображения находятся в src / images / ** / *, который сохраняется в img_srcobject. Он передается другой функции, созданной конструктором imagemin. Он сжимает изображения из папки src и копирует их в папку сборки, вызывая метод dest с аргументом, который представляет целевой каталог.

Выполнение задачи

Файл Gulp настроен и готов к выполнению. Используйте следующую команду в каталоге вашего проекта для запуска задачи:

Запустив задачу с помощью приведенной выше команды, вы увидите следующий результат в командной строке:

Задача позволяет использовать модульный подход для настройки Gulp. Нам нужно создать задачу для каждой зависимости, которую мы будем добавлять по мере нахождения и установки других плагинов. Задание Gulp будет иметь следующую структуру:

Установка плагинов

Для работы с «плагином gulp-minify-css» вам необходимо установить другой плагин под названием «gulp-autoprefixer», как показано в следующей команде:

Чтобы объединить файлы CSS, установите gulp-concat, как показано в следующей команде:

После установки плагинов вам необходимо записать зависимости в вашем файле конфигурации следующим образом:

Добавление задачи в файл Gulp

Нам нужно создать задачу для каждой зависимости, которую мы добавим при установке плагинов. Задание Gulp будет иметь следующую структуру:

Точно так же мы будем использовать другой плагин под названием «gulp-imagemin» для сжатия файла изображения, который можно установить с помощью следующей команды:

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

Изображения находятся в «src / images / ** / *», которые сохраняются в img_srcobject. Он передается другим функциям, созданным конструктором imagemin. Он сжимает изображения из папки src и копирует в папку сборки, вызывая метод dest с аргументом, который представляет целевой каталог.

Объединение нескольких задач

Запустив задачу с помощью приведенной выше команды, вы получите следующий результат в командной строке:

Метод Watch используется для мониторинга ваших исходных файлов. Когда будут внесены какие-либо изменения в исходный файл, часы запустят соответствующую задачу. Вы можете использовать задачу «по умолчанию», чтобы отслеживать изменения в файлах HTML, CSS и JavaScript.

Обновить задание по умолчанию

В предыдущей главе вы узнали, как использовать комбинированные задачи, используя задачу по умолчанию. Мы использовали gulp-minify-css, gulp-autoprefixer и gulp-concatplugins и создали задачу стилей для минимизации CSS-файлов.

Чтобы просмотреть файл CSS, нам нужно обновить задачу «по умолчанию», как показано в следующем коде:

Будут просмотрены все CSS-файлы в папке work / src / styles / , и после внесения изменений в эти файлы будет выполнена задача стилей.

Выполнить задание по умолчанию

Запустите задачу по умолчанию, используя следующую команду.

После выполнения вышеуказанной команды вы получите следующий вывод.

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

Процесс Watch останется активным и будет реагировать на ваши изменения. Вы можете нажать Ctrl + C, чтобы завершить процесс мониторинга и вернуться в командную строку.

Live Reload указывает изменения в файловой системе. BrowserSync используется для просмотра всех файлов HTML и CSS в каталоге CSS и выполнения перезагрузки в реальном времени на страницу во всех браузерах при каждом изменении файлов. BrowserSync ускоряет рабочий процесс за счет синхронизации URL-адресов, взаимодействий и изменений кода на нескольких устройствах.

Установка плагина BrowserSync

Плагин BrowserSync обеспечивает межбраузерное внедрение CSS и может быть установлен с помощью следующей команды.

Настройка браузера BrowserSync

Чтобы использовать плагин BrowserSync, вам нужно записать зависимости в файл конфигурации, как показано в следующей команде.

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

Вы также можете добавить новые стили в браузер, используя следующую задачу для файла CSS.

Перед созданием задачи для BrowserSync необходимо установить плагины с помощью диспетчера пакетов и записать зависимости в файл конфигурации, как определено в этой главе .

Когда вы закончите настройку, запустите BrowserSync и watchTask для появления эффекта перезагрузки в реальном времени. Вместо того, чтобы запускать две командные строки отдельно, мы запустим их вместе, добавив browserSynctask вместе с watchTask, как показано в следующем коде.

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

После запуска задачи с помощью приведенной выше команды вы получите следующий результат в командной строке.

В этой главе вы узнаете, как оптимизировать CSS и JavaScript. Оптимизация необходима для удаления ненужных данных (например, пробелов и неиспользуемых символов) из исходных файлов. Это уменьшает размер файлов и позволяет загружать их быстрее

Установите плагины для оптимизации CSS и JavaScript

Перейдите в каталог «work» из командной строки и установите плагины «gulp-uglify», «gulp-minify-css» и «gulp-concat» с помощью следующей команды:

Объявите зависимости и создайте задачи

В файле конфигурации gulpfile.js сначала объявите зависимости, как показано в следующем коде.

Далее вам нужно создать задачи для оптимизации CSS и JavaScript, как показано в следующем коде.

Задача js принимает файлы .js из папки src / scripts / . Он объединяет и расширяет файлы js , затем создает файл build / scripts / script.js .

Задача CSS примет файлы .css из папки src / styles / . Он объединяет и минимизирует CSS- файлы, а затем создает файл build / styles / styles.css .

Выполнить задачи

Файл конфигурации настроен и готов к выполнению. Используйте следующую команду для запуска задачи.

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

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

Установите плагины для оптимизации изображений

Перейдите в каталог «work» из командной строки и установите плагины «gulp-change» и «gulp-imagemin», используя следующие команды.

Объявите зависимости и создайте задачи

В файле конфигурации gulpfile.js сначала объявите зависимости, как показано в следующей команде.

Далее необходимо создать задачи для оптимизации изображений, как показано в следующем коде.

Задача imagemin будет принимать изображения png, jpg и gif из папки src / images / и минимизировать их перед записью в место назначения. Измененный () гарантирует, что только новые файлы передаются в каждый раз для минимизации. Плагин gulp- change будет обрабатывать только новые файлы и, следовательно, использовать драгоценное время.

Выполнить задачи

Файл конфигурации настроен и готов к выполнению. Используйте следующую команду для запуска задачи.

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

Gulp предоставляет несколько полезных плагинов для работы с HTML и CSS, JavaScript, графикой и некоторыми другими вещами, как описано в следующих таблицах.

HTML & CSS плагины

Он автоматически включает префиксы к свойствам CSS.

Он используется для просмотра всех файлов HTML и CSS в каталоге CSS и выполняет прямую перезагрузку страницы во всех браузерах при каждом изменении файлов.

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

Он создает шаблоны электронной почты в формате HTML, которые преобразуют стили CSS во встроенные.

Он оптимизирует CSS-файлы и находит неиспользуемые и дублированные стили.

Это оптимизатор CSS, который минимизирует CSS-файлы, что приводит к меньшему размеру файла.

Поэтому я пытаюсь запустить gulp на нашем сервере сборки, но продолжаю получать ошибку выше. Все работает нормально, если я войду на сервер сборки с моей учетной записью пользователя, так как я установил gulp глобально под своей учетной записью, однако когда Jenkins запускает мой сценарий powershell, он терпит неудачу с ошибкой:

Термин 'gulp' не распознается как имя ошибки командлета

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

Затем я добавил npm -g ls к скрипту powershell и обнаружил, что он установлен глобально под системным пользователем:

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

У кого-нибудь есть идеи, что я могу попробовать дальше? Я в тупике, почему это не работает.

2 ответа

Я следую инструкциям по установке poshgit . При этом я побежал: Install-Module posh-git Ошибка: Термин 'Install-Module' не распознается как имя командлета, функции, файла сценария или действующей программы. Проверьте правильность написания имени или, если путь был включен, убедитесь, что путь.

Я хочу настроить высоконадежное приложение для app dev в SharePoint, и для этого мне нужно сначала вставить некоторые команды в Редактор powershell, например : $publicCertPath = C:\Certs\HighTrustSampleCert.cer $certificate = New-Object.

Убедитесь, что каталог, содержащий gulp.exe , содержится в переменной среды $env:PATH . Вы можете обновить машинную переменную PATH с помощью метода [Environment]::SetEnvironmentVariable() .

Давайте представим, что путь к исполняемому файлу gulp равен C:\Program Files\gulp\bin\gulp.exe

Наконец-то истинное решение GULP

После безуспешных поисков решения в течение последних двух дней коллега помог мне, выполнив следующие команды: первая устанавливает gulp локально и глобально, а вторая, которой я приписываю успех для gulp, наконец, работает, устанавливает angular cli глобально:

После этого я запустил эту команду, чтобы обновить пакеты npm глобально и локально; gulp наконец сработал:

Теперь запуск gulp -v приносит успех:

NB: мой OS является Windows 10 64 разрядную архитектуру последние обновления на 17 июля 2019 года. Никаких настроек прокси-сервера, никаких сетевых ограничений!!

Если у вас есть прокси-сервер перед интернетом, настройте свой файл .npmrc, найденный с помощью команды npm config edit из вашего приложения командной строки:

Похожие вопросы:

Я получаю ниже ошибки Термин New-AzureRmServiceBusNamespace не распознается как имя командлета, функции, файла сценария или действующей программы. Если я попытаюсь запустить Import-Module.

Я следую инструкциям по установке poshgit . При этом я побежал: Install-Module posh-git Ошибка: Термин 'Install-Module' не распознается как имя командлета, функции, файла сценария или действующей.

Я хочу настроить высоконадежное приложение для app dev в SharePoint, и для этого мне нужно сначала вставить некоторые команды в Редактор powershell, например : $publicCertPath =.

Я начал получать эту случайную ошибку, когда начал новый проект и создал новый файл gulpfile. Я получаю его всякий раз, когда запускаю gulp. Это происходит не только в этом проекте, но и во всех.

python3: термин 'python3' не распознается как имя командлета, функции, файла сценария или действующей программы. Проверьте правильность написания имени или , если путь был включен, убедитесь, что.

Я пытаюсь создать ключ hash для моего Android APP (SMS retriever API ), я перехожу по этой ссылке.

Купил на Udemy видеокурс «Практический JavaScript» от Ивана Петриченко, но моих знаний для просмотра оказалось явно маловато. Постоянно вылезают проблемы, с которыми раньше не сталкивался. Так что решил сделать для себя краткий конспект — как решал ту или иную проблему. Первое, с чем столкнулся — не запускается сборка проекта.

Оказалось, что нужно глобально установить пакет gulp-cli :

Хорошо, следующая попытка запустить gulp :

Политика Windows выполнения скриптов запрещает выполнять эти самые скрипты. Узнать текущее значение политики можно командой:

Чтобы разрешить выполнение файлов с расширением ps1 , т.е. чтобы запускать скрипты PowerShell в Windows, выполняем команду:

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

Файл gulpfile.js для сборки проекта:

Слайдер на странице

В курсе предлагается доработать проект — это простой landing на несколько экранов. Для создания слайдера используется jquery-плагин slick . На странице index.html подключаются библиотека jQuery, js-файл плагина (все файлы плагина находятся в директории src/assets/slick ) и js-файл слайдера slider.js .

В окончательном варианте проекта весь js-код будет в файле dist/script.js . Поэтому удаляем из index.html подключение трех js-файлов, вместо этого подключаем один файл script.js . Потом устанавливаем пакеты jquery и slick-carousel с помощью менеджера пакетов.

Кроме того, создаем файл src/js/main.js , где будем подключать все модули:

Непонятно только — для работы плагина slick нужно как-то опубликовать директорию node_modules/slick-carousel/slick , потому что в index.html подключаются стили из этой директории. Но мы продолжаем публиковать директорию src/assets/slick , которая досталась нам от предыдущего разработчика.

Модальное окно

При клике на определенные элементы нужно показывать модальное окно. Создаем директорию src/js/modules , а внутри нее — файл modals.js .

Все модальные окна похожи, есть только незначительные отличия в css-селекторах, по которым к ним можно обращаться:

И осталось только изменить src/js/main.js :

Переключение вкладок

В двух местах landing-а есть вкладки, но пока нет возможности их переключать — это следующая задача, которую будем решать.

Создаем новый модуль tabs.js в директории modules :

И осталось только изменить src/js/main.js :

Отправка простой формы

Внутри модальных окон есть формы. Их нужно отправлять посредством ajax и захватывать все введенные данные. Создаем новый модуль forms.js в директории modules :

Сервер просто отправляет post-данные обратно в виде строки:

И осталось только изменить src/js/main.js :

Отправка сложной формы

Для начала нам надо решить проблему закрытия первого и второго окна при клике на кнопку «Далее» — нам не нужно, чтобы модальные окна мешали друг другу. Для этого добавим атрибут data-modal для всех модальных окон на странице. И теперь можем в модуле modals.js отбирать все окна и закрывать их перед открытием нового.

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

Модуль для работы с вкладками у нас уже есть, надо только в main.js добавить вызов tabs() с нужными селекторами.

Но при показе содержимого вкладок надо использовать другое значение свойства display — это inline-block вместо block .

Теперь будем все значения, которые выбрал пользователь на первой и второй вкладке, сохранять в переменную modalState :

Для этого создаем новый модуль changeModalState.js в директории modules :

Изменяем модуль form.js , чтобы перед отправкой формы из третьего модального окна — добавить к отправке на сервер данные из первого и второго окна.

И осталось только добавить атрибут data-calc для формы в третьем модальном окне:

Таймер окончания акции

На странице есть таймер, который отсчитывает дни, часы и минуты до оконцания акции. Создаем новый модуль timer.js в директории modules :

В файле main.js задаем время окончания акции и запускаем таймер:

Изображение в модальном окне

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

Создаем новый модуль images.js в директории modules :

И осталось использовать новый модуль в файле main.js :

Небольшие улучшения

При открытии модального окна страница дергается вправо. Это потому, что для body мы устанавливаем свойсто overflow в значение hidden . Давайте это исправим — будем добавлять margin-left для body — который будет равен ширине scroll .

'gulp' is not recognized as an internal or external command, operable program or batch file.

Я попытался запустить node gulpfile.js , указав на мой gulpfile, и он работает без ошибок, и, конечно же, он начинается с require('gulp') .

Любые предложения по работе с gulp в Windows (8.1)?

ОТВЕТЫ

Ответ 1

Модули npm, такие как gulp, не установлены на пути. Таким образом, они не обнаруживаются при запуске их в CMD.

Если gulp установлен глобально, вы можете использовать следующий процесс:

Add Node path to environmental variables

Запуск npm ls и npm ls -g показывает, что они установлены, но CMD не может их найти из-за the missing link .

Ответ 2

Вы забыли установить пакет gulp -cli:

Затем вы можете запустить команду "gulp" из командной строки.

Ответ 3

  • Убедитесь, что у вас есть gulp и gulp.cmd (используйте поиск в Windows)
  • Скопируйте путь gulp.cmd ( C:\Users\XXXX\AppData\Roaming\npm )
  • Добавьте этот путь к переменной окружения Path envirement или edit PATH и добавьте %APPDATA%\npm
  • Повторно открыть cmd.

Добавьте %APPDATA%\npm в начало пути, а не в конец пути.

Ответ 4

Я использую Windows 8.1. У меня была та же проблема.

Я установил gulp с помощью командной строки Node.js

Затем перейдите в нужный каталог в командной строке Node.js и попробуйте

Если вы получите gulp локальную версию, не найденную, выйдите из текущей командной строки Node.js и попробуйте приведенную выше команду в новой командной строке Node.js

Я попробовал NODE_PATH, упомянутый @SteveLacy, но в командной строке все еще не удалось обнаружить команду gulp

Ответ 5

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

npm install -g gulp

Установите gulp локально в проекте.

npm install gulp

Добавьте строку ниже в свой пакет package.json

Это сработало для меня.

Ответ 6

Имел ту же проблему, не очень лучшее решение, но установил ее глобально:

Конечно, лучше все еще иметь его в package.json , поэтому вы можете сделать следующее, чтобы установить его локально и добавить запись в package.json :

Все остальное (плагины gulp) также устанавливаются локально.

Ответ 7

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

Добавление NODE_PATH в переменные среды не устранило проблему.

Если вы измените переменную "Path" в системных переменных и добавите "% APPDATA%\npm" в конце этого, она должна устранить проблему. Если вы или кто-то еще npm не установили gulp в качестве другого чем тот, который вы в настоящее время вошли в систему как.

Если вы хотите, чтобы он был доступен для всех пользователей, поставьте 'C:\Users\yourUser\AppData\Roaming\npm' (или где бы вы не были gulp) явно, вместо использования '% APPDATA%\npm', Вы также можете переместить файлы на более удобный для пользователя путь.

Не забудьте запустить новое приглашение cmd, потому что тот, который вы открыли, не получит новую переменную Path.

Ответ 8

Один правильный путь:

  • Cmd + R: введите "% appdata%"
  • Перейти в папку npm
  • Скопируйте весь путь как "C:\Users\Blah. \npm \"
  • Перейдите к "Мой компьютер" + "Щелкните правой кнопкой мыши" "Свойства"
  • Расширенные настройки системы (слева)
  • Нажмите "Переменные среды"
  • Нажмите "Изменить путь"
  • Добавьте, что "C:\Users\Blah. \npm \" до конца и введите ";" после этого
  • Нажмите ok и повторно откройте cmd

Ответ 9

Простое решение просто npm link gulp

Ответ 10

У меня была аналогичная проблема с настройкой его в Windows 10. Мой ответ специфичен для Windows (посмотрите ответы на изменение пути в bash для решения Linux или OSX)

Обратите внимание, что я использовал setx вместо set, чтобы убедиться, что обновление переменной окружения остается. Также обратите внимание, что это обратная косая черта.

Это должно работать, но для меня это не так, потому что setx имеет ограничение только принимать 1024 символа. (да, это также бессмысленно для меня).

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

Сначала, пока вы все еще находитесь в консоли, введите: echo %appdata%\npm . это ваша папка npm, которую вы хотите добавить в путь, поэтому добавьте ее в свой буфер обмена.

Вам нужно войти в реестр и перейти в следующую папку:

Затем добавьте значение "Путь" в путь к папке npm в вашем буфере обмена. Перезагрузите, чтобы активировать новое значение, и теперь вам будет хорошо идти.

using regedit

Наконец, просто проверьте все это

Ответ 11

Сначала вы должны установить gulp как глобальное, используя:

В противном случае решение пути не решит проблему.

Затем добавьте путь модулей npm к PATH, используя:

Ответ 12

Главный ответ не помог мне.

Я использую виртуальную машину с предыдущим владельцем. У предыдущего владельца была установлена ​​старая версия npm. Используя это, я был установлен gulp глобально с npm install -g gulp . Выполнение команды gulp вернет 'gulp' is not recognized as an internal or external command, operable program or batch file. . Как я уже сказал, верхний ответ не устранил мою проблему. Мне в основном пришлось переустановить nodejs.

Решение

  • Повторно загрузите nodejs
  • npm install -g gulp
  • gulp -version

Это устранило проблему для меня.

Ответ 13

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

Ответ 14

Попробуйте добавить к переменной PATH следующее:

У меня была та же проблема, и я решил добавить путь к моим модулям node.

Ответ 15

У меня был v0.12.3 из Nodejs на Win7 x64 и столкнулся с подобными проблемами, когда я попытался установить gulp. Это сработало для меня:

  • Uninstalled Nodejs
  • Установленный Nodejs v0.10.29
  • npm install -g npm
  • npm install -g gulp

Ответ 16

Установщик NodeJS, похоже, добавляет путь user/AppData/Roaming/npm к пути пользовательской среды, что подходит.

Обычно переменная среды PATH в командной строке представляет собой комбинацию пути пользовательской среды и пути к системной среде.

Однако, если путь среды пользователя + путь к системной среде превышает примерно 1920 символов, Windows не объединяет пути пользователя и системы - используется только путь к системной среде.

Итак, когда вы открываете дополнительные системные настройки в Windows для редактирования переменных среды, посмотрите, находится ли путь пользователя /AppData/Roaming/npm в вашей пользовательской среде PATH. Если это так, проблема заключается в том, что ваши пути пользователя + системы слишком велики, в результате чего Windows игнорирует ваш пользовательский путь. Обрежьте свои строки пользователя и/или системного пути, а gulp должен работать как установленный.

Если вы не можете найти что-либо, чтобы оторвать от пользователя и системных путей, добавьте путь user/AppData/Roaming/npm к пути к системной среде и назовите его взломом.

Ответ 17

У меня возникла такая же проблема после установки. Поэтому я попытался запустить cmd с повышенными привилегиями (admin), и он сработал.

Захват экрана:

cmd

Ответ 18

Добавьте этот путь в переменные среды PATH C:\Users\USERNAME\AppData\Roaming\НПМ\

Ответ 19

У меня уже было одно условие из этого ответа (я не знаю почему)

То есть мой PATH уже включил %APPDATA%\npm

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

Поэтому мне нужно было сделать это:

$ npm config set prefix -g %APPDATA%/npm

После этого $ npm install -g gulp (или установка любого другого модуля) поместите модуль в место, где его ожидает PATH.

Ответ 20

Не удалось найти команду gulp в Windows 10, а добавление "% AppData%\npm\node_modules" для меня не работает. Выполните следующие шаги:

npm install -g npm

npm install -g gulp

для пути в системных переменных.

Это работает для меня после того, как все решения не помогли мне.

Ответ 21

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

Это покажет вам, какая у вас переменная среды PATH. Если node_modules не существует, добавьте его из своего пути APPDATA.

Ответ 22

Я разрешил это, добавив C:\Users\[USER]\AppData\Roaming\npm до PATH и не C:\Users\[USER]\AppData\Roaming\npm\node_modules

Ответ 23

Выполнить npm install gulp -g

Если вы используете окна, добавьте директорию gulp в PATH.

такие, как C:\Users\YOURNAME\AppData\Roaming\npm\node_modules\gulp

Ответ 24

Это работает для меня:

Ответ 25

Если вы находитесь в Windows и gulp не распознается как внутренняя или внешняя команда, операционная программа или пакетный файл попробуйте запустить gulp.js.

Я работаю над проектом laravel и запускаю gulp локально. Также используйте что-то другое, а затем командную строку Windows, потому что вы, вероятно, получите ошибку с gulp.js. Я использую Git bash, и он отлично работает.

Ответ 26

Ответ 27

sudo npm cache clean

Затем установите gulp, как обычно.

Ответ 28

  • Используя проводник Windows, перейдите к своей общей папке (я использую scotchbox кстати), например C:\scotchbox/public/gulpProject
  • В адресной строке папки введите cmd и нажмите Enter
  • Сделайте установку gulp npm install

Ответ 29

В моем случае ни один из перечисленных подходов не работал. Я наконец загрузил Rapid Environment Editor (версия 8).

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

(запуск Windows 8.1)

Ответ 30

Короче:

Вы должны добавить %NODE_PATH% к системной переменной Path , если другие ответы не работают.

Причина:

Дело в том, что командная строка выполняет только программы под системной переменной Path , а не переменные пользователя. Если у вас NODE_PATH установлен как пользовательская переменная, добавьте %NODE_PATH% в Path .

Я спросил здесь и получил отмеченный дубликат для вопроса с различным намерением:(

javac не является внутренней командой / не может распознать элемент «javac» как имя командлета, функции, файла сценария или исполняемой программы.


Если вы запускаете команду cmd: javac -version, то такой команды нет, причина в том, что путь установки JDK не настроен в пути системной переменной.

Найдите переменную пути в системной переменной и полностью добавьте свой установочный каталог Java в каталог bin. Как правило, он устанавливается по умолчанию на диске C. Я выбрал установочный каталог по умолчанию: C:\Program Files\Java\jdk1.8.0_191\bin ,Перейдите в каталог установки
Давайте проверим это

ok

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


Michael.W Поговорите о Hyperledger Fabric. Проблема 20 - Подробная индивидуальная сортировка узла с пятью порядками с исходным кодом для чтения.

Michael.W Поговорите о Hyperledger Fabric. Проблема 20 - Подробная индивидуальная сортировка узла с пятью порядками с исходным кодом чтения Fabric Файл исходного кода одиночного режима находится в ord.


Мяу Пасс Матрица SDUT

Мяу Пасс Матрица SDUT Time Limit: 1000 ms Memory Limit: 65536 KiB Submit Statistic Problem Description Лянцзян получил матрицу, но эта матрица была особенно уродливой, и Лянцзян испытал отвращение. Чт.


Гессенская легкая двоичная структура удаленного вызова

Hessian - это легкая двоичная структура удаленного вызова, официальный адрес документа, в основном он включает протокол удаленного вызова Hessian, протокол сериализации Hessian, прокси-сервер клиента .


TCP Pasket и распаковка и Нетти Solutions

Основные введение TCP является ориентированным на соединение, обеспечивая высокую надежность услуг. На обоих концах (клиенты и терминалы сервера) должны иметь один или более гнезда, так что передающий.

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