Error has occured after update to 14.1.0

[ippachi]

I encountered the following error after updating to version 14.1.0.

I added the code from the spec dummy to the webpackConfig, and the error was fixed.

react_on_rails/spec/dummy/config/webpack/webpackConfig.js

Line 7 in fc789d9

clientConfig.resolve.fallback = { stream: require.resolve('stream-browserify') };

Is this fix correct?
If it is correct, I think this code should be added to https://github.com/shakacode/react_on_rails/blob/fc789d95deaf23583fbfc80828620804cd212cac/lib/generators/react_on_rails/templates/base/base/config/webpack/webpackConfig.js.tt

Error log

ERROR in ./node_modules/react-on-rails/node_package/lib/serverRenderReactComponent.js 55:15-32
Module not found: Error: Can't resolve 'stream' in '/project/node_modules/react-on-rails/node_package/lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
 - add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
 - install 'stream-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
 resolve.fallback: { "stream": false }
resolve 'stream' in '/project/node_modules/react-on-rails/node_package/lib'
  Parsed request is a module
  using description file: /project/node_modules/react-on-rails/package.json (relative path: ./node_package/lib)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      looking for modules in /project/app/javascript
        single file module
          using description file: /project/package.json (relative path: ./app/javascript/stream)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /project/app/javascript/stream doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /project/app/javascript/stream.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              /project/app/javascript/stream.jsx doesn't exist
            .mjs
              Field 'browser' doesn't contain a valid alias configuration
              /project/app/javascript/stream.mjs doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /project/app/javascript/stream.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              /project/app/javascript/stream.tsx doesn't exist
            .coffee
              Field 'browser' doesn't contain a valid alias configuration
              /project/app/javascript/stream.coffee doesn't exist
            .css
              Field 'browser' doesn't contain a valid alias configuration
              /project/app/javascript/stream.css doesn't exist
        /project/app/javascript/stream doesn't exist
      /project/node_modules/react-on-rails/node_package/lib/node_modules doesn't exist or is not a directory
      /project/node_modules/react-on-rails/node_package/node_modules doesn't exist or is not a directory
      /project/node_modules/react-on-rails/node_modules doesn't exist or is not a directory
      /project/node_modules/node_modules doesn't exist or is not a directory
      looking for modules in /project/node_modules
        single file module
          using description file: /project/package.json (relative path: ./node_modules/stream)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /project/node_modules/stream doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /project/node_modules/stream.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              /project/node_modules/stream.jsx doesn't exist
            .mjs
              Field 'browser' doesn't contain a valid alias configuration
              /project/node_modules/stream.mjs doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /project/node_modules/stream.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              /project/node_modules/stream.tsx doesn't exist
            .coffee
              Field 'browser' doesn't contain a valid alias configuration
              /project/node_modules/stream.coffee doesn't exist
            .css
              Field 'browser' doesn't contain a valid alias configuration
              /project/node_modules/stream.css doesn't exist
        /project/node_modules/stream doesn't exist
      /node_modules doesn't exist or is not a directory
 @ ./node_modules/react-on-rails/node_package/lib/ReactOnRails.js 36:48-87
 @ ./app/javascript/packs/public-bundle.js 7:0-42 175:0-21

webpack 5.95.0 compiled with 1 error in 6488 ms

[AbanoubGhadban]

@ippachi Thanks for your suggestion! Your fix is correct. However, to optimize the client bundle, I recommend adding:

clientConfig.resolve.fallback = { stream: false };

If the server bundle's target is set to web, you should also include:

serverConfig.resolve.fallback = { stream: false };

Both statements will be added to webpackConfig.js.tt. Appreciate your input!

[ippachi]

Thanks, AbanoubGhadban! Appreciate the helpful info!

[justin808]

14.1.1 fixes this issue.