У меня тоже была эта проблема долгое время. (webpack установлен глобально и т. д., но все еще не распознается) Оказалось, что я не указал переменную окружения для npm (где находится файл webpack.cmd), поэтому я добавляю в свою переменную Path
%USERPROFILE%AppDataRoamingnpm
Если вы используете Powershell, вы можете ввести следующую команду, чтобы эффективно добавить в свой путь:
[Environment]::SetEnvironmentVariable(«Path», «$env:Path;%USERPROFILE%AppDataRoamingnpm», «User»)
ВАЖНО: не забудьте закрыть и снова открыть окно PowerShell, чтобы применить это.
ну, я застрял на том же месте . Не могли бы вы уточнить свой ответ
Я выполнил все шаги, но это не сработало, и, наконец, я понял, что не открывал CMD как администратор.
Лучше установить% APPDATA% npm
Лучшее решение этой проблемы — Webpack глобальная установка .
Это всегда работает, и это сработало для меня. Попробуйте команду ниже.
npm install -g webpack
Я думаю, следует отметить, что использование -g устанавливает веб-пакет глобально, что может вам не понадобиться, если у вас есть несколько проектов, для которых могут потребоваться разные версии веб-пакета.
Webpack за 2 минуты
В качестве альтернативы, если у вас установлен локально Webpack, вы можете явно указать, где командная строка должна искать его, например:
node_modules.binwebpack
(Это предполагает, что вы находитесь внутри каталога с вашим package.json и что вы уже запустили npm install webpack .)
Согласитесь с Максом, причина в том, что рекомендуется устанавливать веб-пакет локально (в devDependencies). Моя проблема была немного другой, но при добавлении веб-пакета в качестве этапа предварительной сборки в VS 2017 я думал, что VS достаточно умен, чтобы найти webpack cmd локально без полного пути
Вы можете попробовать использовать npx webpack which также проверяет ./node_modules/.bin вместо того, чтобы возиться с путями.
npm install -g webpack-dev-server решит вашу проблему
Это может решить сообщение об ошибке, опубликованное OP, но это не лучшее решение проблемы, поскольку оно добавляет больше зависимостей, чем просто решение отсутствующего веб-пакета. Посмотрите любой из других высоко оцененных ответов, чтобы найти лучшие альтернативы.
Как уже указали разные участники (см. Другие ответы / комментарии), глобальная установка считается плохой практикой, поскольку она ограничивает вас одной версией. См. Также webpack.js.org/guides/installation
Попробуйте удалить node_modules в локальном каталоге и повторно запустить npm install .
Спасибо, это действительно
Добавьте команду webpack как сценарий npm в свой package.json.
Когда веб-пакет установлен, он создает двоичный файл в папке ./node_modules/.bin. Скрипты npm также ищут исполняемый файл, созданный в этой папке
не работает — npm install -g webpack-dev-server is
Интерфейс командной строки Webpack теперь находится в отдельном пакете и должен быть установлен глобально, чтобы использовать команду webpack:
Webpack dev server
npm install -g webpack-cli
РЕДАКТИРОВАТЬ: многое изменилось. Пользователи Webpack не рекомендуют устанавливать CLI глобально (или отдельно в этом отношении). Эта проблема должна быть исправлена сейчас, но правильная команда установки:
npm install —save-dev webpack
Этот ответ изначально был задуман как «временное решение» проблемы OP.
«должен быть установлен глобально», насколько я понимаю, неверно. Даже разработчики веб-пакетов не советуют этого делать. См. Webpack.js.org/guides/installation
вам необходимо установить webpack и webpack-cli в одной области.
npm i -g webpack webpack-cli
npm i webpack webpack-cli
если вы устанавливаете его локально, вам нужно называть его специально
node_modules/.bin/webpack -v
Или, если установлена локально, вы можете использовать npx webpack (проверено с npm версии 6.5.0, webpack 4.28.4 и webpack-cli 3.2.1)
вот и билет
npm i -g webpack webpack-
«webpack-dev-server» не является внутренней или внешней командой, как решить?
Привет всем, решил освоить webpack,
хотел разделить конфиг на модули
и при запуске yarn run start появляется ошибка
«webpack-dev-server» не является внутренней или внешней командой
у меня стоит windows 10
как решить задачу?
const path = require(‘path’); const webpack = require(‘webpack’); const HtmlWebpackPlugin = require(‘html-webpack-plugin’); const merge = require(‘webpack-merge’); const devserver = require(‘./webpack/devserver’); const PATHS = < source: path.join(__dirname, ‘src’), build: path.join(__dirname, ‘build’) >; const common = merge([ < entry: < ‘index’: PATHS.source + ‘/pages/index/index.js’, ‘blog’: PATHS.source + ‘/pages/blog/blog.js’ >, output: < path: PATHS.build, filename: ‘js/[name].js’ >, plugins: [ new HtmlWebpackPlugin(< filename: ‘index.html’, chunks: [‘index’, ‘common’], template: PATHS.source + ‘/pages/index/index.html’ >), new HtmlWebpackPlugin(< filename: ‘blog.html’, chunks: [‘blog’, ‘common’], template: PATHS.source + ‘/pages/blog/blog.html’ >) ] > ]); module.exports = function(env) < if (env === ‘production’)< return merge([ common; ]); >if (env === ‘development’) < return merge([ common, devserver() ]) >>;
в package.json прописал
< «name»: «yarn.dev», «version»: «1.0.0», «description»: «», «main»: «index.js», «scripts»: < «start»: «webpack-dev-server —env development», «build»: «webpack —env production», «serv»: «static build» >, «keywords»: [], «author»: «», «license»: «ISC», «dependencies»: <>, «devDependencies»: < «html-loader»: «^0.4.5», «html-webpack-plugin»: «^2.28.0», «node-static»: «^0.7.9», «webpack»: «^2.5.0», «webpack-merge»: «^4.1.0» >>
- Вопрос задан более трёх лет назад
- 14882 просмотра
1 комментарий
Оценить 1 комментарий
Источник: qna.habr.com
Русские Блоги
При использовании командной строки webpack выдается сообщение об ошибке: «webpack» не является внутренней или внешней командой, а также не исполняемой программой или командным файлом.
1. Загрузите и установите node.js (npm)
На официальном веб-сайте есть последняя версия nodejs, но последняя версия может появляться в различных ситуациях. Онлайн-учебник предназначен для старой версии учебного пособия. Вот ссылка на nodejs, предоставленная учителем Ляо Сюэфэном — «домашнее зеркало node.js
Следуйте инструкциям и нажмите «Далее», чтобы завершить установку. Nodejs по умолчанию интегрирует npm, поэтому нет необходимости устанавливать его заново.
Два, конфигурационная среда
Win + R введите cmd, чтобы открыть командную строку, введите node -v и нажмите Enter, чтобы узнать, успешно ли установлен nodejs:
Вы также можете ввести npm -v, чтобы проверить, успешно ли установлен npm.После успешной установки появится номер версии, указывающий, что nodejs.npm установлен успешно.
1. Папка конфигурации
Мой nodejs — это путь установки по умолчанию C: Program Files nodejs. Сначала он был установлен на другие диски, но во время настройки возникли различные проблемы, и он был переустановлен и изменен на путь по умолчанию.
Создайте две новые папки в папке C: Program Files nodejs для глобального хранения зависимых путей пакетов и путей кеширования.
Кэш C: Program Files nodejs node_cache
Хранить C: Program Files nodejs node_global
После создания папки откройте командную строку и введите следующую команду для настройки пути:
npm config set cache «C:Program Filesnodejsnode_cache»
войти:
npm config set prefix «C: Program Files nodejs node_global» Введите
(После ввода команды командная строка мигает, подсказки не будет)
2. Установите webpack
Webpack разделен на глобальную установку и установку проекта (устанавливается в указанную вами папку), здесь я использую глобальную установку
Запустите cmd и введите следующую команду:
npm install webpack -g
Нажмите Enter, появится индикатор выполнения, после ожидания завершения индикатора выполнения появится следующее сообщение (конкретная информация может отличаться, но до тех пор, пока нет ошибки, установка выполняется успешно):
На этом этапе откройте папку C: Program Files nodejs node_global пути nodejs и обнаружите кое-что еще:
На этом этапе глобальный веб-пакет успешно установлен.
Конфигурация переменной среды
Мой компьютер — щелкните правой кнопкой мыши свойства — дополнительные параметры системы — дополнительные переменные среды
Создайте пользовательскую переменную PATH и системную переменную NODE_PATH соответственно
Пользовательские переменные:
Системные переменные:
Это самый важный момент; после установки webpack проблема в том, что ‘webpack’ не является внутренней или внешней командой, является неправильной настройкой здесь
PATH и NODE_PATH все установлены в: C: Program Files nodejs node_global.
Я вижу, что метод настройки в Интернете: Атрибут NODE_PATH указывает на C: Program Files nodejs node_global node_modules, если настройка неверна, это приведет к тому, что отчет не будет внутренней командой
В соответствии с приведенными выше шагами, nodejs npm webpack фактически установлен и настроен, а затем вы можете использовать его напрямую.
Интеллектуальная рекомендация
ES6 Примечания var, Let, const и Block Scope
1. Каков объем блока Особенности 1: Пусть, переменные, объявленные Const, имеют блок, и обычно используют ｛｝ в качестве сепаратистской области прицела. Поскольку баллы n находятся в｝｝ в утверждении IF.
Unity UGUI Ползунок цветовой переход
Разговор: Python мелкая копия, глубокая копия
Предисловие: Многие студенты не очень четко понимают оба в изучении глубоких копий и мелких копий. Ниже приведено мое понимание глубокой копии и мелкой копии, я надеюсь помочь вам понять. Прежде всего.
Холст рисовать простой эффект сетки частиц фона
Краткое введение в холст Canvas — это тег HTML5, используемый для рисования некоторых изображений, анимации и т. Д. Сам холст используется только как контейнер, а скрипты (JavaScript) необходимы для д.
Type org.apache.maven.plugin.surefire.SurefirePlugin not present
При введении весеннего загрузки-Maven-Plugin, ошибка java.lang.typenoTPresentexception: введите org.apache.maven.plugin.surefire.surefirepluglugin не присутствует. следующим образом: Решение состоит в.
Источник: russianblogs.com