Webpack-webpack-dev-server: команда не найдена
Я работаю над веб-приложением React с помощью webpack, свободно рядом с в этом уроке.
случайно я добавил папку node_modules в свой git. Затем я снова удалил его с помощью git rm -f node_modules/*.
теперь, когда я пытаюсь запустить сервер webpack, я получаю следующую ошибку:
> webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors
sh: webpack-dev-server: command not found
npm ERR! Darwin 14.4.0
npm ERR! argv "node" "/usr/local/bin/npm" "run" "devserve"
npm ERR! node v0.12.4
npm ERR! npm v2.10.1
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] devserve: `webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors`
npm ERR! spawn ENOENT
сначала я думал, что это был только мой проект, но затем я проверил контрольные точки кода учебника: та же ошибка! Так что что-то напутал глобально.
вот что я пытался до сих пор:
rm node_modulesи переустановить сnpm install
npm cache cleanкак кто-то упомянул о этот вопрос на github
- установите webpack глобально с
npm install -g webpack
- полностью удалить узел и npm из моей системы (с помощью данное руководство) и переустановить с помощью brew
сообщение об ошибке сохраняется. Что еще я могу сделать попробовать?
PS: содержание webpack.dev.config.js - это:
var config = require('./webpack.config.js');
var webpack = require('webpack');
config.plugins.push(
new webpack.DefinePlugin({
"process.env": {
"NODE_ENV": JSON.stringify("development")
}
})
);
module.exports = config;
9 ответов:
ладно, это было легко:
npm install webpack-dev-server -gчто меня смутило, что мне это не нужно было сначала, вероятно, все изменилось с новой версией.
FYI, чтобы получить доступ к любому скрипту через командную строку, как вы пытались, вы нужно, чтобы скрипт был зарегистрирован как shell-script (или какой-либо сценарий нравится .js,.РБ) в системе, как эти файлы в каталог
/usr/binв UNIX. И система должна знать, где их найти. т. е. расположение должно быть загружено в$PATHмассив.
в вашем случае, скрипт
webpack-dev-serverуже установлен где-то внутри , но система не знает, как получить к нему доступ. Итак, чтобы получить доступ к командеwebpack-dev-server, вам нужно установить скрипт в глобальный масштаб как хорошо.$ npm install webpack-dev-server -gздесь
-gотносится к глобальной области видимости.
однако это не рекомендуется, потому что вы можете столкнуться с конфликтующими версиями; поэтому вместо этого вы можете установить команду в
npm' s как:"scripts": { "start": "webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors" }Эта настройка позволит вам получить доступ к нужному скрипту простая команда
$ npm startтак коротко, чтобы запомнить и играть. И,
npmзнает расположение модуляwebpack-dev-server.
скрипт
webpack-dev-serverуже установлен внутри .каталог /папки node_modules. Вы можете либо установить его снова глобально поsudo npm install -g webpack-dev-serverили запустить его так
./node_modules/webpack-dev-server/bin/webpack-dev-server.js -d --config webpack.dev.config.js --content-base public/ --progress --colors
.означает, что смотрите его в текущем каталоге.
пряжа
у меня была проблема при запуске:
yarn startЭто было исправлено с запуском первой:
yarn install
у меня была та же проблема, но следующие шаги помогли мне выйти из нее.
установка' webpack-dev-server ' локально (в каталоге проекта, поскольку он не выбирался из глобальной установки)
npm install --save webpack-dev-server
можно проверить, существует ли папка 'webpack-dev-server' внутри node_modules.
- запуск с использованием npx для запуска прямо
npx webpack-dev-server --mode development --config ./webpack.dev.js
npm run startтакже отлично работает, где ваша запись в пакете.сценарии json должны быть такими же, как и выше, без npx.
установить с
npm install --save-dev webpack-dev-serverзатем я установил пакет.json и webpack.конфиг.Яш такой: задание.затем я запускаю webpack-dev-server и получаю эту ошибку .
если я не использую
npm install -g webpack-dev-serverустановить, то как это исправить?я исправил ошибку
configuration has an unknown property 'colors'на удаленииcolors:true. Это сработало!
Я нашел принятый ответ не работает во всех сценариях. Чтобы убедиться, что он работает на 100%, необходимо также очистить кэш npm. Либо непосредственно перейти в кэш и очистить блокировки, Кеши, анонимные-cli-метрики.json; или можно попробовать
npm cache clean.поскольку автор очистил кэш, прежде чем попробовать рекомендуемое решение, это возможно, что не удалось сделать его частью предварительных условий.
у меня была аналогичная проблема с пряжа, ни один из выше работал для меня, поэтому я просто убрал
./node_modulesи работатьyarn installи проблема ушла.
Comments