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

时间:2017-02-15 17:19:42

标签: node.js reactjs webpack webpack-dev-server

我试图使用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;

我尝试了一切,但我真的输了。 有没有人有任何想法?

3 个答案:

答案 0 :(得分:58)

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

您还必须安装以下内容:

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

您也可以选择安装:

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

答案 1 :(得分:5)

我遇到了同样的问题,但是我通过安装其他>>> from numbers import Number >>> sorted(n for n in dir(Integral) if n not in Integral.__abstractmethods__.union(dir(Number))) ['__bool__', '__complex__', '__divmod__', '__float__', '__index__', '__rdivmod__', '__rsub__', '__sub__', 'conjugate', 'denominator', 'imag', 'numerator', 'real']

解决了
webpack-cli

答案 2 :(得分:0)

尝试以下操作:

首先,你需要安装 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

希望它有效!