fs in webpacker

[trendwithin]

So I've spent some time this morning jumping out of the rabbit hole only to find myself in a briar patch and am seeking some clarification on my confusion. I was attempting to implement 'fs' into a project and this was erring out with: Module not found: Error: Can't resolve 'fs'

My confusion in part lies with the following in configuration.yml line 6: const { readFileSync } = require('fs') Since this line was not coughing an error it lead me to believe there was an issue with 'fs' that I wasn't able to configure correctly. However, inspecting node_modules shows this lacking and the package has been pulled: npmjs.com/package/fs

Assistance on this would be appreciated.

[renchap]

fs is a built-in NodeJS package: https://nodejs.org/api/fs.html#fs_file_system
Which Node version are you using?

webpack-contrib/css-loader#447 seems related, see also https://webpack.js.org/configuration/node/

[trendwithin]

Rails 5.1.2 w/ Node 8.1.3
Regarding css-loader: "css-loader": "^0.28.4"

I did attempt the following but perhaps I'm incorrect

module.exports = {
  settings,
  env,
  loadersDir,
  output,
  node: {
    fs: 'empty'
  },
}

[renchap]

It should be in your Webpack configuration, so config/webpack/shared.js.
I am not sure it comes from your css-loader version, but the problem looks similar.

[trendwithin]

Thank you for the direction. Placing the node: { fs: 'empty; } in the suggested file removed the error. It also exposed a major flaw in what I was trying to accomplish but that's a completely different issue to resolve. Thanks again!

[constantm]

Just had this issue as well. For anybody else dealing with this - I assume this has to do with older config files generated without this fix included. I tried adding @trendwithin's solution to the shared.js file, but it had no effect. Adding to config/webpack/configuration.js fixed the issue. However, I had to delete node_modules and run npm install again.