Javascript 在配置中设置规则数组时，Webpack无法识别JSX

这是我的网页包配置：

const path = require('path');


module.exports = {
    entry: './src/entry.jsx',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist'),
    },
    module: {
        loaders: [
            {
                test: /.jsx?$/,
                loader: 'babel-loader',
                include: path.resolve(__dirname, 'src'),
                query: {
                    presets: ['es2015', 'react']
                }
            },
        ],
        // rules: [],
    }
};

请注意，规则数组已被注释掉

当我使用以下JS构建网页包时：

import React from "react";
import ReactDOM from "react-dom";

ReactDOM.render(
    <h1>Hello, World!</h1>,
    document.getElementById('app')
);

没有错误

---

我需要那个规则数组，因为我有一些依赖项需要我向那个数组添加东西

根据webpack v3（）上的当前文档，模块部分不再有

加载程序

键，只有

规则

我怀疑您的情况是

加载程序

覆盖

规则

与旧版本的webpack向后兼容

因此，将加载程序重命名为规则应该足以解决问题

---

祝你好运

我想你应该简单地将加载程序重命名为规则，因为V3的文档中不再有加载程序部分。请评论你的答案，以便我可以接受它作为解决方案。是的，我已经在下面回复了，谢谢

ERROR in ./src/entry.jsx
Module parse failed: Unexpected token (6:4)
You may need an appropriate loader to handle this file type.
|
| ReactDOM.render(
|     <h1>Hello, World!</h1>,
|     document.getElementById('app')
| );

> webpack

Hash: 96711291c47522e3cd46
Version: webpack 3.10.0
Time: 1221ms
    Asset    Size  Chunks                    Chunk Names
bundle.js  727 kB       0  [emitted]  [big]  main
  [14] ./src/entry.jsx 484 bytes {0} [built]
    + 26 hidden modules