react執(zhí)行出錯(cuò):react-hot-loader\index.js' is not a loader

執(zhí)行$ webpack-dev-server --inline --hot就會(huì)報(bào)錯(cuò)：react-hot-loaderindex.js' is not a loader (must have normal or pitch function)

我的webpack.config.js配置：

module.exports = {
    entry: "./entry.js",    //入口文件
    output: {                //打包以后生成的文件放到哪里，叫什么
        path: __dirname,    //存儲(chǔ)路徑，__dirname表示把生成的文件放在這個(gè)同一個(gè)目錄下面，如果要是放到別的目錄，如要放在app文件夾下，就是__dirname + "/app"
        filename: "bundle.js"
    },

    //devtool塊，source-map來調(diào)試
    devtool:"source-map",

    // module表示要使用的模塊
    module: {
        loaders: [        //設(shè)置使用的loader，是數(shù)組，每一個(gè)項(xiàng)都是一個(gè)對(duì)象
            {
                test: /\.js$/,
                exclude:/node_modules/,        //exclude排除不使用loader的目錄
                loader: "react-hot-loader!babel-loader"
            },
            {
                test: /\.css$/,        //判斷是不是css文件
                loader:"style-loader!css-loader"    //必須寫-loader，不能簡寫，否則報(bào)錯(cuò)
            }
        ]
    }
};

name.js文件：

'use strict';    //嚴(yán)格模式

import React from "react";

class Name extends React.Component {    //定義一個(gè)react組件
    render() {
        return (
            <div>
                hello ~ ninghao.net <input />
            </div>
        );
    }
}

export { Name as default };

entry.js文件：

//導(dǎo)入組件
import React from "react";
import ReactDOM from "react-dom";
import Name from "./name.js";

ReactDOM.render(
    <Name />
    document.getElementById("app");
);

我一開始懷疑是不是因?yàn)?exclude:/node_modules/, 這里不對(duì)，因?yàn)槲业乃形募际欠旁趎ode_modules目錄的一個(gè)同級(jí)目錄的里面的，我就把所有文件都拿出來放到了和node_modules同一級(jí)目錄下，還是會(huì)報(bào)這個(gè)錯(cuò)誤。之后我又刪了node_modules全部重新下載，還是會(huì)報(bào)這個(gè)錯(cuò)誤，不知道問題出在了哪里。。