fix: sourcemap support for browser

config/build/webpack.config.client.js

@@ -37,5 +37,12 @@ export default function clientConfig(options) {
                 entry: appResolve(options.client.serviceWorker),
             }),
         ].filter(Boolean),
+        // Some libraries import Node modules but don't use them in the browser.
+        // Tell Webpack to provide empty mocks for them so importing them works.
+        // fs and module are used by source-map-support
+        node: {
+            fs: 'empty',
+            module: 'empty',
+        },
     }, concat);
 }

src/client/index.jsx

@@ -4,6 +4,7 @@ import { browserHistory } from 'react-router';
 import { useBasename } from 'history';
 import RedBox from 'redbox-react';
 import { Resolver } from 'react-resolver';
+import { install as installSourceMapSupport } from 'source-map-support';
 
 /* eslint-disable import/no-extraneous-dependencies */
 import routes from '__app_modules__routes__';
@@ -19,6 +20,10 @@ import App from './components/App';
 // eslint-disable-next-line import/no-extraneous-dependencies
 const reducers = require('__app_modules__redux_reducers__');
 
+if (process.env.NODE_ENV !== 'production') {
+    installSourceMapSupport({ environment: 'browser' });
+}
+
 function render(history, store, appRoutes, element) {
     const insertCss = ({ _insertCss }) => _insertCss();
     Resolver.render(