web-dev-qa-db-ja.com

configuration.moduleには不明なプロパティ 'ローダー'があります

私のエラー出力：

構成オブジェクトが無効です。 Webpackは、APIスキーマと一致しない構成オブジェクトを使用して初期化されました。 - configuration.moduleには不明なプロパティ 'loaders'があります。これらのプロパティは有効です。 ？、strictExportPresence？、strictThisContextOnImports？通常のモジュールに影響を与えるオプション（NormalModuleFactory）。

私のwebpack.config.js：

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');

var config = {
  entry: APP_DIR + '/index.jsx',
  module : {
    loaders : [
      {
        test : /\.jsx?/,
        include : APP_DIR,
        loader : 'babel-loader'
      }
    ]
  },
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  }

};


module.exports = config;

私のウェブパックのバージョン：

[email protected]
reactjswebpack
90
S.M_Emamian

Webpack 4でloadersをrulesに変更する必要があります。

変化する：

loaders

に：

rules

ソース： https://webpack.js.org/concepts/loaders/#example

例：

module.exports = {
  module: {
    rules: [
      { test: /\.css$/, use: 'css-loader' },
      { test: /\.ts$/, use: 'ts-loader' }
    ]
  }
};
216
S.M_Emamian

rulesの代わりにwebpack 4でloadersを使用してください。

https://webpack.js.org/concepts/loaders/

10
Shawn Stephens

Webpackの設定ファイルを移行するには migrationユーティリティ を使うべきです。

移行のドキュメント も役に立ちます。

2
MattG

上記の答えはうまくいっていますが、webpackとwebpack-dev-serverのバージョンをに変更することでこの問題を解決できます。

"webpack": "3.8.1",
"webpack-dev-server": "2.9.4"

それはまた問題を解決することができます。それが役立つことを願っています。

1
Anshul