leonardomso / react-bolt Goto Github PK

HI Leonardo,
great boilerplate, but the get start das not work for me.
after doing:

1. Clone this repo using https://github.com/leonardomso/react-bolt.git
2. Move to the appropriate directory: cd react-bolt.
3. Run npm install to install dependencies.
4. Run npm start to see the example app at http://localhost:8080.

the browser opens with the empty screen.

webpack issues some warming:

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (439 KiB).
This can impact web performance.
Assets:
vendors~main.js (1.5 MiB)

WARNING
in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/

and in the browser console I get the error:

TypeError: undefined is not an object (evaluating 'b.apply')

Webpack complains about vendors~main.js file being too fat for comfort (1.55Mib!). SplitChunks is set but perhaps a more efficient code splitting?

Hi, I'm getting this warnings:

client:142 [WDS] Warnings while compiling.
warnings @ client:142
onmessage @ socket.js:41
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:887
SockJS._transportMessage @ sockjs.js:885
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2961
client:148 asset size limit: The following asset(s) exceed the recommended size limit (439 KiB).
This can impact web performance.
Assets: 
  vendors~main.js (1.29 MiB)
warnings @ client:148
onmessage @ socket.js:41
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:887
SockJS._transportMessage @ sockjs.js:885
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2961
client:148 webpack performance recommendations: 
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/

Please reference > zouhir/jarvis#134

I am wondering if it would be better to have the global styles outside the BrowserRouter instead of inside

This project has the graphql tag in it but no graphql is set up, misleading, can you remove it?

It seems the current setup of the boilerplate / webpack does not support IE11. The following error is produced:

IE: Error: Unable to get property 'apply' of undefined or null reference.

I tried updating the babel-polyfill but it seems nothing is working. Any advice?

I don't know if it is me, but using this boilerplate, I am having a hard time using .env files with enviromental variables so I went back to create-react-app.

I obeyed every rule, prefixed with REACT_APP_ and also the .env is in the root folder but the value is undefined hence making the request return an error.

I have not yet deployed, but I will try and see if I will face the same errors with it in production but for now, environmental variables does not work in development.

I followed steps from article to run bolierplate code but faced below issue in webpack.config.js file due to version issue

cross-env NODE_ENV=development webpack-dev-server --open
reactapp/webpack.config.js:14
module.exports = webpackMerge(common, envConfig);
^

TypeError: webpackMerge is not a function

Solution to it I found :

webpack.config.js
require('@babel/register');
const {merge} = require('webpack-merge');

const common = require('./config/webpack/webpack.common.babel');

const envs = {
development: 'dev',
production: 'prod'
};

/* eslint-disable global-require,import/no-dynamic-require */
const env = envs[process.env.NODE_ENV || 'development'];
const envConfig = require(./config/webpack/webpack.${env}.babel);
module.exports = merge(common, envConfig);

SCSS File is not loading properly