webpack-dev-server 找不到模块 'webpack'。

Question

我正在尝试使用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;

我已经尝试了一切，但是我真的迷失了。有人有什么主意吗？

- yonBav

---

你如何运行你的代码？请分享命令行。 - borovsky

entery有一个拼写错误，应该是entry（如果这是从webpack配置中直接复制的）。 - redconservatory

如果有人正在寻找最新的Webpack 5教程，请查看以下链接: https://www.robinwieruch.de/webpack-setup-tutorial/ - Robin Wieruch

Answer 1

npm install --save-dev webpack 不够。

您还需要安装以下内容：

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

并且，您还可以选择安装：

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

- Abdennour TOUMI

---

我已经重新安装了webpack和webpack-dev-server，现在可以工作了，谢谢！ - yonBav

欢迎您。尝试使用npm run build代替npm build，以及使用npm run xxx代替npm xxx等等。 - Abdennour TOUMI

当运行第一行时，我得到了错误：操作不允许，mkdir 'C:\Windows\System32\WindowsPowerShell\v1.0\node_modules - Markus

Answer 2

我曾经遇到过相同的问题，但我通过安装额外的webpack-cli来解决了它。

npm install --save-dev webpack-cli

- Hùng Ng Vi

Answer 3

请尝试以下步骤：

首先，你需要安装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 命令。

希望能够正常工作！

- Alalade Samuel