Когда я пытаюсь запустить webpack-dev-server, выдает ошибку.
Error: Cannot find module 'webpack-cli/bin/config-yargs'
Я осмотрелся и обнаружил, что вам нужно изменить скрипт на «обслуживание веб-пакета», и сделал это, но затем это дает мне следующее:
**[webpack-cli] Недопустимый объект конфигурации. Webpack был инициализирован с использованием объекта конфигурации, который не соответствует схеме API.
Моя система — Windows 10 Pro, и версии следующие:
Я также пытался включить «inline: false» в объект devServer в webpack.config.js, но безрезультатно.
🤔 А знаете ли вы, что...
React DevTools - это расширение для браузера, облегчающее отладку приложений React.
всего несколько шагов:
"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
больше проблем вы можете увидеть