I’ve been using npm install react-financial-charts successfully. However, I want to include this package locally instead (for reasons), so I checked out the master branch of react-financial-charts from Github. I now have two folders: Inside of my project, my package.json contains: npm run dev will now e…
Tag: webpack
Can’t load popper.js with Laravel Mix
I recently upgraded to bootstrap 5 and my tooltips/popovers in my application stopped working. I have the following error in console: My understanding is that my Laravel Mix / webpack is failing to include popper.js in its compilation? I don’t understand why it is looking for popper.js.map, shouldn̵…
HtmlWebpackPlugin: wrong hash for script file is injected into html file
I’m trying to use HtmlWebpackPlugin to generate .HTML file when running build with webpack i get this issue where the src of script tag in HTML file is not same as the script file name here is my webpack config: this is the generated HTML: and here is my dist folder: as you can see the name of bundle fi…
Node build artefacts in Docker container fails to run because of source-map-support/register
I’m using Backpack to build my node app. When running the app locally, the app itself and the build artefacts are doing okay. But when I move the build results to a Docker image and try to run it, I get the following errors: My Dockerfile: What am I missing? Are there other alternatives for Backpack? Ba…
Module not found: Error: You attempted to import babel-preset which falls outside of the project src/ directory
I’m developing an application created using create-react-app But then I needed to use mediainfojs library, this library requires wasm files, and based on what I understood I couldn’t add it using create-react-app, I had to eject it. After ejecting it, I went to mediainfo information on how to add …
webpack production build bundle.js file size is 10mb
I’m working on this react app and when I build the projects the bundle.js file is 10mb so after the deployment it takes time to load the content. Here’s the code: https://github.com/sef-global/scholarx-frontend Here’s my webpack config file: Answer I assume for production build you using you…
Chart.js Error: You may need an appropriate loader to handle this file type
I’m currently attempting to use Chart.js within my react application but when I go to build my application I’m presented with this error I tried researching online to see if anyone else has had the same issue, but I had no luck. Below is my Webpack config file: And here is my bablerc file This is …
Webpack fails to parse typescript files. Module parse failed: Unexpected token
I was setting up Typescript and Webpack on an old project of mine and suddenly encountered this error: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders Then I have created a new project from scrat…
ModuleFederationPlugin remote module is not being loaded
I have two apps. Container. Webpack App.tsx 2nd App. Webpack ./src/portal.tsx It should work smooth. But it is failing because inside of webpack_modules exists webpack/container/reference/usersweb key, but when React.Lazy requiring remote model it is requiring webpack/container/remote/usersweb/Portal which is…
How to compile the JS file to use a React component in a WordPress theme if I do not need SSR?
I have a WordPress theme and for a part of it I want to use a React component (I don’t need SSR). I have used create-react-app in the past but now I have this code: and it does not work. The request to runtime-main.39639aca.js succeeds but it does not load my nav bar. The issue is that create-react-app …