Команда Webpack, похоже, не работает в Windows CLI

поэтому я новичок в React и хотел начать с простого практического проекта. Я следую руководству, в котором используется Webpack. Я установил Webpack в свой рабочий каталог и глобально использовал команду npm over Windows. Я установил файл webpack.config.js, включил webpack как devDependency в свой файл package.json и добавил его в свои скрипты. Вот мой файл package.json:

{
  "name": "reactproj",
  "version": "1.0.0",
  "description": "A tutorial project for React js",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack --config webpack.config.js"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {},
  "devDependencies": {
    "webpack": "^4.1.1",
    "webpack-cli": "^2.0.10"
  }
}

Однако, когда я запускаю команду webpack в Windows cli, я получаю ответ, в котором говорится следующее:

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D

Поэтому я устанавливаю модуль webpack-cli с помощью команды npm. Он устанавливается с несколькими предупреждениями об устаревших модулях Babel и т. д., Но устанавливается успешно. Поэтому я снова пробую команду webpack в своем Windows cli. Я получаю такой же ответ о webpack-cli. Я пробую команду webpack-cli и получаю:

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

Что я здесь делаю не так? Почему я не могу заставить работать webpack? И webpack, и модули cli находятся в файле node_modules, поэтому я почти уверен, что они там действительно есть.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
3
0
1 942
2

Ответы 2

Скорее всего, это связано с тем, что ваша переменная Path не установлена.

Вы можете попробовать установить его глобально: npm install webpack-cli -g

или попробуйте добавить npm в переменную Path

c:\Users\yourname\AppData\Roaming\npm\

npx webpack запускает двоичный файл Webpack, который находится в папке node_modules вашего проекта. В отличие от глобальной установки, это just works.

Другие вопросы по теме