找不到模块 - Webpack 开发服务器

Question

我正在尝试运行以下命令，

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'  ] 
> }

Answer 1

问题是你还没有运行 yarn/npm install.

Answer 2

我也遇到了类似的问题，我在做的是我在我的 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，当我把它改回来时，效果很好！！您也应该留意类似的问题

Answer 3

在我将脚本添加到“package.json”作为 "start": "webpack serve --open"

后，我帮助了运行“webpack-dev-server”

Answer 4

我找到了一个简单的解决方案。将 package.json 中的“启动”脚本更改为以下内容：

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

其中 webpack.config.js 是您的 webpack 配置文件。

希望有用！

找不到模块 - Webpack 开发服务器

Module Not Found - Webpack Dev Server

reactjs

webpack

webpack-dev-server