Webpackで無効な設定オブジェクトが表示されるのはなぜですか？

Question

私はpluralsightコースからwebpackを学んでいます。私は作者のpackage.jsonファイルを使用しています。

私がwebpackコマンドを実行するとうまく動作します。

私はWebPACKの-devのサーバーを実行する場合、私は以下のようになります。ここでは

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. 
- configuration.module has an unknown property 'preLoaders'. These properties are valid: 
    object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, loaders?, noParse?, rules?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp? } 
    Options affecting the normal modules (`NormalModuleFactory`). 
- configuration.resolve.extensions[0] should not be empty. 

は私webpack.config.jsです：

module.exports = { 
    entry: ["./utils", "./app.js"], 
    output: { 
     filename: "bundle.js" 
    }, 

    module: { 
     preLoaders: [ 
      { 
       test: /\.js$/, 
       exclude: 'node_modules', 
       loader: 'jshint-loader' 
      } 
     ], 
     loaders: [ 
      { 
       test: /\.es6$/, 
       exclude: /node_modules/, 
       loader: "babel-loader" 
      } 
     ] 
    }, 

    resolve: { 
     extensions: ['', '.js', '.es6'] 
    } 
} 

マイpackage.json：

"devDependencies": { 
    "babel-core": "^6.2.1", 
    "babel-loader": "^6.2.0", 
    "babel-preset-es2015": "^6.1.18", 
    "jshint": "^2.8.0", 
    "jshint-loader": "^0.8.3", 
    "node-libs-browser": "^0.5.3", 
    "webpack": "^1.12.9" 
    } 

Answer 1

webpack1の設定でwebpack2を実行しようとしています - あなたのコースがwebpack1-n上にあるので、webpack1がグローバルにインストールされていることを確認する必要がありますOTのWebPACKは2

Answer 2

あなたはWebPACKの2に固執したい場合は、あなたのwebpack.config.js

を更新することができますあなたはWebPACKの2で空の拡張を必要としないので、あなたは

resolve: { 
    extensions: ['', '.js', '.es6'] 
} 

を持っているところ

を次のように変更する必要があります。

resolve: { 
    extensions: ['.js', '.es6'] 
}