Node cannot find module “fs” when using webpack

Question

I'm using node.js (the last version) and webpack to create a bundle. From what I've read, node.js should contain fs module for managing files. However when I call require("fs") I get an Cannot find module "fs" error. I've stuck with 'require is not defined ' in my console after adding "target: 'node' ". Any help will be usefull, thx.

var webpack = require('webpack');

module.exports = {
    entry: "./client/main.js",
    output: {
        path: __dirname + '/public/build/',
        publicPath: "build/",
        filename: "bundle.js"
    },

    node: {fs: "empty"},

    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: "babel",
                exclude: [/node_modules/, /public/]
            },
            {
                test: /\.css$/,
                loader: "style-loader!css-loader!autoprefixer-loader",
                exclude: [/node_modules/, /public/]
            },
            {
                test: /\.less$/,
                loader: "style-loader!css-loader!autoprefixer-loader!less",
                exclude: [/node_modules/, /public/]
            },
            {
                test: /\.gif$/,
                loader: "url-loader?limit=10000&mimetype=image/gif"
            },
            {
                test: /\.jpg$/,
                loader: "url-loader?limit=10000&mimetype=image/jpg"
            },
            {
                test: /\.png$/,
                loader: "url-loader?limit=10000&mimetype=image/png"
            },
            {
                test: /\.svg/,
                loader: "url-loader?limit=26000&mimetype=image/svg+xml"
            },
            {
                test: /\.jsx$/,
                loader: "react-hot!babel",
                exclude: [/node_modules/, /public/]
            },
            {
                test: /\.json$/,
                loader: "json-loader"
            }
        ]
    },
    target: 'node',
}

http://stackoverflow.com/questions/39249237/node-cannot-find-module-fs-when-using-webpack — Adiii, Nov 30 '16 at 20:50

score 4 · Answer 1 · answered Sep 15 '17 at 20:26

4

By setting node: {fs: "empty"}, you are telling webpack that when importing fs an empty object should be returned. Remove that and it should work fine. https://webpack.js.org/configuration/node/#node

answered Sep 15 '17 at 20:26

pizzarob

11,711
6
48
69

score 3 · Answer 2 · answered Sep 15 '17 at 19:31

Instead of marking "fs" as empty, try to decorate it like this:

externals:{
    "fs": "commonjs fs"
}

That should tell webpack to load it as a module instead of considering it an environment object/ variable.

Ref: Node cannot find module "fs" when using webpack

Node cannot find module “fs” when using webpack

2 Answers2