webpack-dev-server 找不到模块“webpack”

Posted 2023-02-16

【中文标题】webpack-dev-server 找不到模块“webpack”

【英文标题】：webpack-dev-server Cannot find module 'webpack'

【发布时间】：2017-07-04 12:16:29

【问题描述】：

我正在尝试使用 webpack-dev-server 来运行一个简单的程序 但我收到了这个错误：

module.js:471
    throw err;
    ^

Error: Cannot find module 'webpack'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> 
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)

我已经使用以下 npm 命令安装了 webpack

npm install --save-dev webpack

我有以下配置：

(webpack.config.js)
var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'client/public');
var APP_DIR = path.resolve(__dirname, 'client/app');

var config = 
  entery: APP_DIR + '/index.js',
  output: 
    path: BUILD_DIR,
    filename: 'bundle,js',
  ,
  module: 
    loaders: [
      
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: 
          presets: ['es2015', 'react']
        
      
    ]
  
;

module.exports = config;

我什么都试过了，我真的迷路了。 有人知道吗？

【问题讨论】：

如何运行代码？请分享命令行

entery 有错字，应该是 entry（如果是直接从 webpack 配置中复制的）

如果有人正在寻找最新的 Webpack 5 教程，请查看：robinwieruch.de/webpack-setup-tutorial

【参考方案1】：

尝试以下方法：

首先，你需要安装 webpack-dev-server

npm install --save-dev webpack-dev-server

然后在你的 package.json 中，在你的启动脚本中使用它：

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

注意 webpack.config.js 应该替换为你的 webpack 配置文件的文件名。

现在运行npm start

希望它有效！

【参考方案2】：

npm install --save-dev webpack 还不够。

您还必须安装以下内容：

npm install --save-dev webpack-dev-server 

您还可以选择安装：

npm install --save-dev webpack-dev-middleware webpack-hot-middleware

【讨论】：

我已经重新安装了 webpack 和 webpack-dev-server 并且工作正常，谢谢！

不客气?.. 也尝试使用npm run build 代替npm build 和npm run xxx 代替npm xxx .. 等等。

运行第一行时出现错误： operation not allowed, mkdir 'C:\Windows\System32\WindowsPowerShell\v1.0\node_modules

【参考方案3】：

我遇到了同样的问题，但我通过安装额外的 webpack-cli 解决了

npm install --save-dev webpack-cli