2017-02-15 178 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' ..等等。 –

相關問題