在设置环境Webpack时已经初始化了React js问题

时间:2018-05-23 19:29:03

标签: reactjs webpack

我正在设置反应js的环境,我面临以下错误。

我正在关注 链接 - https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.html

如果我需要进行更改,请让我更正

无效的配置对象。 Webpack已使用与API架构不匹配的配置对象进行初始化。   - configuration.module具有未知属性'加载器'。这些属性是有效的:    object {exprContextCritical?,exprContextRecursive?,exprContextRegExp?,exprContextRequest?,noParse ?, rules?,defaultRules?,unknownContextCritical?,unknownContextRecursive?,unknownContextRegExp?,unknownContextRequest?,unsafeCache?,wrappedContextCritical?,wrappedContextRecursive?,wrappedContextRegExp?,strictExportPresence?, strictThisContextOnImports? }     - >影响正常模块的选项(NormalModuleFactory)。

1 个答案:

答案 0 :(得分:0)

它并不期待"装载机"在模块下。根据文档,配置看起来不同。 https://webpack.js.org/concepts/loaders/

尝试:

var config = {
    entry: './main.js',
    output: {
        path:'/',
        filename: 'index.js',
    },
    devServer: {
        inline: true,
        port: 8080
    },
    module: {
        rules: [{
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            use: {
                loader: 'babel-loader',
                options: {
                    presets: ['es2015', 'react']
                }
            }
        }]
    },
};

module.exports = config;