Ошибка: не удается найти модуль «webpack-cli/bin/config-yargs» с помощью webpack-cli 4.2.0

Когда я пытаюсь запустить webpack-dev-server, выдает ошибку.

Error: Cannot find module 'webpack-cli/bin/config-yargs'

Я осмотрелся и обнаружил, что вам нужно изменить скрипт на «обслуживание веб-пакета», и сделал это, но затем это дает мне следующее:

**[webpack-cli] Недопустимый объект конфигурации. Webpack был инициализирован с использованием объекта конфигурации, который не соответствует схеме API.

  • Configuration.devtool должен соответствовать шаблону "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$". ГЛАВНОЕ ИЗМЕНЕНИЕ начиная с веб-пакета 5: опция devtool более строгая. Строго соблюдайте порядок ключевых слов в шаблоне.**

Моя система — Windows 10 Pro, и версии следующие:

  • веб-пакет: 5.6.0
  • веб-пакет-кли: 4.2.0
  • webpack-dev-сервер: 3.11.0

Я также пытался включить «inline: false» в объект devServer в webpack.config.js, но безрезультатно.

🤔 А знаете ли вы, что...
React DevTools - это расширение для браузера, облегчающее отладку приложений React.


2
2 594
2

Ответы:

Решено

всего несколько шагов:

  • добавь скрипт "dev": "webpack serve"
  • установить devtool: 'eval-source-map' в webpack.config.js
  • затем запустите npm run dev или npx webpack serve

webpack v5 && webpack-cli v4 следует использовать webpack serve вместо webpack-dev-server

если побежишь npx webpack serve выходи

configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$". BREAKING CHANGE since webpack 5: The devtool option is more strict. Please strictly follow the order of the keywords in the pattern.**

вы можете установить devtool: 'eval-source-map' в webpack.config.js

обычно для баланса скорости и отладки:

  • в режиме development мы используем devtool: 'eval-source-map'
  • в режиме production мы используем devtool: 'cheap-module-source-map'

вы также можете вернуться webpack v4 && webpack-cli v3 или попробуйте npm i [email protected] -D см. https://github.com/webpack/webpack-dev-server/releases/tag/v4.0.0-beta.0

больше проблем вы можете увидеть


Может кому надо будет поменять devtool: 'cheap-module-eval-source-map' на devtool: 'eval-source-map'