javascript - Webpack JSX エラー: このファイル タイプを処理するには、適切なローダーが必要な場合があります

Question

プロジェクトを webpack でビルドしようとしていますが、エラーが発生します。このプロジェクトは先に gulp でビルドできたので、すべてのパスとすべてが問題ないはずです。このドキュメントhttps://github.com/babel/babel-loaderからすべてのバベルローダーをインストールし、例からコードをコピーしました。

ERROR in ./src/app.jsx
Module parse failed: ..path../src/app.jsx Line 1: Unexpected token
You may need an appropriate loader to handle this file type.
| import React from 'react';
| import ReactDom from 'react-dom';
 @ multi main

私のwebpack.configファイル：

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

module.exports = {
    devtools: 'inline-source-map',
    entry: [
        './src/app.jsx'
    ],
    output: {
        path: '../app/www/js/',
        filename: 'bundle.js'
    },
    resolve: {
        modulesDirectories: [path.join(__dirname, 'node_modules')],
        extensions: ['', '.js', '.jsx', '.scss']
    },
    modules: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
                query: {
                    presets: ['react', 'es2015']
                }
            },
            {
                test: /\.scss$/,
                exclude: /(node_modules|bower_components)/,
                loaders: ["style", "css", "sass"]
            }
        ]
    }
};

Answer 1

ではloader: 'babel'なく、loader: 'babel-loader'

編集:どうやらそれらは同等です。問題は Webpack 構成ファイルにあり、moduleではなくmodulesです。