2017-02-15 129 views
12

我想使用的WebPack-dev的服务器来运行一个简单的程序 但我得到这个错误:的WebPack-DEV-服务器无法找到模块“的WebPack”

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) 

我已经安装的WebPack用以下NPM命令

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; 

我甲肝e尝试了一切,我真的迷失了。 有没有人有任何想法?

+0

你怎么跑你的代码?请分享cmd行 – borovsky

+0

'entery'有一个错字它应该是'entry'(如果这是从webpack config直接复制的) – redconservatory

回答

18

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

你也必须安装以下软件:

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

和可选,也可以安装:

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

我已经重新安装了webpack和webpack-dev-server,它的工作非常感谢! – yonBav

+0

欢迎您使用'npm run build'来代替'npm build'和'npm run xxx'而不是'npm xxx' ..等等。 –

相关问题