Invalid configuration object : configuration.node should be one of these: false | object { Buffer?, __dirname?, __filename?, console?, global?, process

Hello team,

After updating to webpack 3 the build breaks and i get the following error and

C:\git\app\node_modules\webpack\lib\webpack.js:19 throw new WebpackOptionsValidationError(webpackOptionsValidation Errors); ^ WebpackOptionsValidationError: Invalid configuration object. Webpack has been in itialised using a configuration object that does not match the API schema.

configuration.node should be one of these: false | object { Buffer?, dirname?, filename?, console?, global?, process ?, ... } Include polyfills or mocks for various node stuff. Details:
- configuration.node should be false
- configuration.node.global should be a boolean.

i am using gulp and webpack.

heres is my webpack.make.js

'use strict'; /eslint-env node/ var webpack = require('webpack'); var autoprefixer = require('autoprefixer'); var HtmlWebpackPlugin = require('html-webpack-plugin'); var HtmlWebpackHarddiskPlugin = require('html-webpack-harddisk-plugin'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin; var fs = require('fs'); var path = require('path'); var ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin; var BowerWebpackPlugin = require("bower-webpack-plugin");

module.exports = function makeWebpackConfig(options) { /**

Environment type
BUILD is for generating minified builds
TEST is for generating test builds */ var BUILD = !!options.BUILD; var TEST = !!options.TEST; var E2E = !!options.E2E; var DEV = !!options.DEV;

/**
Config
Reference: http://webpack.github.io/docs/configuration.html
This is the object where all configuration gets set */ var config = {};

/**
Entry
Reference: http://webpack.github.io/docs/configuration.html#entry
Should be an empty object if it's generating a test build
Karma will set this when it's a test build */ if(TEST) { config.entry = {}; } else { config.entry = { app: './client/app/app.ts', polyfills: './client/polyfills.ts', vendor: [ 'angular', 'angular-animate', 'angular-aria', 'angular-cookies', 'angular-resource', 'angular-route', 'angular-sanitize', 'angular-socket-io', 'angular-ui-bootstrap', //'jquery', 'arrive', //'bootstrap-material-design',
```
        'lodash'
    ]
};
```
}

/**
Output
Reference: http://webpack.github.io/docs/configuration.html#output
Should be an empty object if it's generating a test build

Karma will handle setting it up for you when it's a test build */ if(TEST) { config.output = {}; } else { config.output = { // Absolute output directory path: BUILD ? path.join(dirname, '/dist/client/') : path.join(dirname, '/.tmp/'),

    // Output path from the view of the page
    // Uses webpack-dev-server in development
    publicPath: BUILD || DEV || E2E ? '/' : `http://localhost:${8080}/`,
    //publicPath: BUILD ? '/' : 'http://localhost:' + env.port + '/',

    // Filename for entry points
    // Only adds hash in build mode
    filename: BUILD ? '[name].[hash].js' : '[name].bundle.js',

    // Filename for non-entry points
    // Only adds hash in build mode
    chunkFilename: BUILD ? '[name].[hash].js' : '[name].bundle.js'
};

}

config.resolve = { modules: ['node_modules'], extensions: ['.js', '.ts'], enforceExtension: false, descriptionFiles: ["package.json", "bower.json"],

};

if(TEST) { config.resolve = { modules: [ 'node_modules' ], extensions: [ '.js', '.ts'], enforceExtension: false }; }

/**

Devtool
Reference: http://webpack.github.io/docs/configuration.html#devtool
Type of sourcemap to use per build type */ if(TEST) { config.devtool = 'inline-source-map'; } else if(BUILD || DEV) { config.devtool = 'source-map'; } else { config.devtool = 'eval'; }

/**
Loaders
Reference: http://webpack.github.io/docs/configuration.html#module-loaders
List: http://webpack.github.io/docs/list-of-loaders.html

This handles most of the magic responsible for converting modules */

// Initialize module config.module = {

rules : [
{
    // JS LOADER
    // Reference: https://github.com/babel/babel-loader
    // Transpile .js files using babel-loader
    // Compiles ES6 and ES7 into ES5 code
    test: /\.js$/,
    loader : 'babel-loader',
    include: [
        path.resolve(__dirname, 'client/'),
        path.resolve(__dirname, 'node_modules/lodash-es/')
    ]

},
    {
            //Angular Loader
            test: /[\/]angular\.js$/, 
            exclude: ['/bower_components/'],
            loader: 'exports-loader',
            options : {angular:true}
        },
    {
            // TS LOADER
            // Reference: https://github.com/s-panferov/awesome-typescript-loader
            // Transpile .ts files using awesome-typescript-loader
            test: /\.ts$/,
            loader: 'awesome-typescript-loader',
            options: {
                tsconfig: path.resolve(__dirname, 'tsconfig.client.json')
            },
            include: [
                path.resolve(__dirname, 'client/')
            ]
        },
        {
            // ASSET LOADER
            // Reference: https://github.com/webpack/file-loader
            // Copy png, jpg, jpeg, gif, svg, woff, woff2, ttf, eot files to output
            // Rename the file using the asset hash
            // Pass along the updated reference to your code
            // You can add here any file extension you want to get copied to your output
            test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)([\?]?.*)$/,
            loader: 'file-loader'
        },
        {
            // HTML LOADER
            // Reference: https://github.com/webpack/raw-loader
            // Allow loading html through js
            test: /\.html$/,
            loader: 'raw-loader'
        },
        {
            // CSS LOADER
            // Reference: https://github.com/webpack/css-loader
            // Allow loading css through js
            //
            // Reference: https://github.com/postcss/postcss-loader
            // Postprocess your css with PostCSS plugins
            test: /\.css$/,
            loader: !TEST
                // Reference: https://github.com/webpack/extract-text-webpack-plugin
                // Extract css files in production builds
                //
                // Reference: https://github.com/webpack/style-loader
                // Use style-loader in development for hot-loading
                ? ExtractTextPlugin.extract({
                    fallback : 'style-loader',
                    use : [
                        'css-loader?sourceMap',
                        'postcss-loader'
                    ]
                })
                // Reference: https://github.com/webpack/null-loader
                // Skip loading css in test mode
                : 'null'
    },
    {
                // PostLoaders
                test: /\.ts$/,
                loader: 'ng-annotate-loader?single_quotes'
    }]

};

/**

Plugins
Reference: http://webpack.github.io/docs/configuration.html#plugins

List: http://webpack.github.io/docs/list-of-plugins.html */ config.plugins = [

//plugin bower
/*new BowerWebpackPlugin({ excludes: ['node_modules'] }),*/

//plugin jquery
new webpack.ProvidePlugin({
  $: "jquery",
  jQuery: "jquery"
}),

/*
 * Plugin: ForkCheckerPlugin
 * Description: Do type checking in a separate process, so webpack don't need to wait.
 *
 * See: https://github.com/s-panferov/awesome-typescript-loader#forkchecker-boolean-defaultfalse
 */
//new ForkCheckerPlugin(),

// Reference: https://github.com/webpack/extract-text-webpack-plugin
// Extract css files
// Disabled when in test mode or not in build mode
new ExtractTextPlugin({
    filename :'[name].[hash].css', 
    disable: !BUILD || TEST
}),

function()

{ this.plugin("done", function(stats) { if (stats.compilation.errors && stats.compilation.errors.length && process.argv.indexOf('--watch') == -1) { console.log(stats.compilation.errors); process.exit(1); // or throw new Error('webpack build failed.'); } // ... }); } ];

if(!TEST) { config.plugins.push(new CommonsChunkPlugin({ name: 'vendor',

    // filename: "vendor.js"
    // (Give the chunk a different name)

    minChunks: Infinity
    // (with more entries, this ensures that no other module
    //  goes into the vendor chunk)
}));

}

// Skip rendering index.html in test mode // Reference: https://github.com/ampedandwired/html-webpack-plugin // Render index.html let htmlConfig = { template: 'client/_index.html', filename: '../client/index.html', alwaysWriteToDisk: true } config.plugins.push( new HtmlWebpackPlugin(htmlConfig), new HtmlWebpackHarddiskPlugin() );

// Add build specific plugins if(BUILD) { config.plugins.push( // Reference: http://webpack.github.io/docs/list-of-plugins.html#noerrorsplugin // Only emit files when there are no errors new webpack.NoErrorsPlugin(),

    // Reference: http://webpack.github.io/docs/list-of-plugins.html#dedupeplugin
    // Dedupe modules in the output
    new webpack.optimize.DedupePlugin(),

    // Reference: http://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin
    // Minify all javascript, switch loaders to minimizing mode
    new webpack.optimize.UglifyJsPlugin({
        mangle: false,
        output: {
            comments: false
        },
        compress: {
            warnings: false
        }
    }),

    // Reference: https://webpack.github.io/docs/list-of-plugins.html#defineplugin
    // Define free global variables
    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: '"production"'
        }
    })
);

}

if(DEV) { config.plugins.push( // Reference: https://webpack.github.io/docs/list-of-plugins.html#defineplugin // Define free global variables new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"development"' } }) ); }

config.cache = DEV;

if(TEST) { config.stats = { colors: true, reasons: true },{ plugins: [ new webpack.LoaderOptionsPlugin({ debug: true }) ] } }

/**

Dev server configuration
Reference: http://webpack.github.io/docs/configuration.html#devserver
Reference: http://webpack.github.io/docs/webpack-dev-server.html */ config.devServer = { contentBase: './client/', stats: { modules: false, cached: false, colors: true, chunk: false } };

config.node = { global: 'window', process: true, crypto: 'empty', clearImmediate: false, setImmediate: false };

return config; };

here is the result of npm list to see all packages version

There was a chage in the config node schema between webpack v2 and v3

Thank you for your help.

webpack / webpack

Invalid configuration object : configuration.node should be one of these: false | object { Buffer?, dirname?, filename?, console?, global?, process #5410

webpack / webpack

Invalid configuration object : configuration.node should be one of these: false | object { Buffer?, __dirname?, __filename?, console?, global?, process #5410

Invalid configuration object : configuration.node should be one of these: false | object { Buffer?, dirname?, filename?, console?, global?, process #5410