Модуль не найден — сервер разработки Webpack

Я пытаюсь запустить следующую команду,

webpack-dev-server

но выдает следующую ошибку,

>  at Object.Module._extensions..js
> (internal/modules/cjs/loader.js:785:10) at Module.load
> (internal/modules/cjs/loader.js:641:32) at Function.Module._load
> (internal/modules/cjs/loader.js:556:12) at Function.Module.runMain
> (internal/modules/cjs/loader.js:837:10) { 
    code: 'MODULE_NOT_FOUND', requireStack: [
> '<path_to_project>\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'  ] 
> }

спасибо, теперь работает. но можете ли вы объяснить мне, почему мне пришлось запускать установку npm/yarn? если до этого я установил зависимость

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

Ответы 4

Проблема в том, что ты не бегал yarn/npm install.

Ответ принят как подходящий

Я тоже столкнулся с аналогичной проблемой: я пропустил свойство в моем webpack.config.js, которое

module.exports = {
  entry: "./src/index.js",
  output: {
    path: path.resolve(__dirname, "dist/assets"),
    filename: "bundle.js",
  },
  devServer: {
    contentBase: path.resolve(__dirname, "dist"),
    publicPath: "/assets", //should provide the path of the served js , img , etc...
  },
};

в приведенном выше коде я неправильно указал contentBase как contenBase, когда я изменил его обратно, он работал хорошо! Вы также должны искать подобные проблемы

Мне помогло запустить "webpack-dev-server" после того, как я добавил скрипт в "package.json" как "start": "webpack serve --open"

Я нашел простое решение для этого. Вместо этого измените сценарий «start» в вашем package.json на следующий:

"start": "webpack serve --config webpack.config.js --open"

где webpack.config.js — ваш конфигурационный файл webpack.

Надеюсь это работает!

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