node.js webpack-dev-server 找不到模块“webpack”

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/42256114/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-09-02 18:00:40  来源:igfitidea点击:

webpack-dev-server Cannot find module 'webpack'

node.jsreactjswebpackwebpack-dev-server

提问by yonBav

I'm trying to use webpack-dev-server to run a simple program but I'm getting this error:

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

I have installed webpack with following npm command

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

npm install --save-dev webpack

and I have the following configuration:

我有以下配置:

(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;

I have tried everything and I'm really lost. Does anyone have any idea?

我已经尝试了一切,但我真的很迷茫。有谁有想法吗?

回答by Abdennour TOUMI

npm install --save-dev webpackis not enough.

npm install --save-dev webpack是不足够的。

You have to install also the following:

您还必须安装以下内容:

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

And optionally, you can install also :

并且可选地,您还可以安装:

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

回答by Hùng Ng Vi

I had the same problem, but I resolved by installing additional webpack-cli

我有同样的问题,但我通过安装其他解决方案 webpack-cli

npm install --save-dev webpack-cli