未找到模块 - Webpack 开发服务器答案

【问题标题】：Module Not Found - Webpack Dev Server未找到模块 - Webpack 开发服务器
【发布时间】：2019-11-14 03:50:53
【问题描述】：

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

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

【问题讨论】：

thaaanks，现在可以了。但是你能解释一下为什么我必须运行 npm/yarn install 吗？如果在此之前，我安装了依赖项

标签： reactjs webpack webpack-dev-server

【解决方案1】：

在我将脚本添加到“package.json”作为"start": "webpack serve --open" 后，我帮助运行“webpack-dev-server”

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

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

我希望它有效！

【讨论】：

【解决方案4】：

我也遇到了类似的问题，我正在做的是我错过了我的 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，当我将它改回来时，它运行良好！！你也应该注意类似的问题

【讨论】：