redbox-react | : red_circle : A redbox component to display | Architecture library

I am using docker to deploy a reactJs project I have taken over, I have run into an issue not only on my copy but on all others who use the project: I cannot use any new packages...

So there are already existing packages in use that work a charm but for any new ones I introduce (for example react-CSV) it installs via npm absolutely fine, I import it to the required js file, ctrl + click takes me to the source code but on using docker compose up I get the following:

I have spoken with a colleague and he too believes it's a docker issue however we both have little exposure to it.

Files for reference:

package.json

I have React project based on https://github.com/davezuko/react-redux-starter-kit.

In JEST tests: when I trying to import something with root-based path like "components/Link" - it does not working, only relative paths are working.

Putting

I'm trying to add Fontawesome pro to my react app.

I've tried almost all of the options on the getting started tab for Font Awesome - and all that is producing is the free brands. So - now I have a mash up of attempts and and currently stuck on following the instructions set out by clodal in this post

I have a package.json with the following dependencies:

I have a problem with decorators in React with mobX app. And it works ok with .babelrc, but I also have babel-loader with webpack. I copy babel config to webpack config, but it doesn't work. I checked all solutions that I can found in google, but they all refers to bebelrc, not webpack config. My webpack config:

I have implemented taking payments using Stripe in my demo React project and as a back end I am using Express Js.

Now, I am trying to merge that demo project code inside my actual project but it shows an error while running it as shown below:

When I was running some jest testcase, this error occured, and it seems to be internal node_module error, how can I solve this?

It seems to be related to react-test-renderer and fbjs.

Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in.

It seems babel transform works in my testcase code, but es6 syntax in node_modules does not.

npm 4.5

MacOS Sierra

JS newb here:

I've spent a couple days on this bug, and I've looked at many answers and practiced my most earnest Google-Fu, and tried many different babel plugins and presets configurations, as well as tried migrating my webpack 1 project into a webpack 2 incarnation, and in the end I'm still hitting the same wall. Please give me an assist.

When I try to build my project, all open sourced here, and most recently active and relevant to this question in the webpack2migration branch, I've been unable to build for production (and not even dev after futzing more and more with it through unproductive debugging)

This is the error I haven't gotten around, admittedly because I don't understand some (maybe many) of the complexities in webpack and how babel is to be correctly configured for what I'm struggling with.

Here's the error:

OS: Windows 10 Pro
webpack: 1.14.0

So, when I start my server (npm start), the following code: