optimize-css-assets-webpack-plugin | A Webpack plugin to optimize \ minimize CSS assets | Plugin library

I have a react app with webpack recently upgraded to version 5.

I am getting the following error and need help in fixing it

When we are trying to update our Angular 9 application(Single SPA micro frontend) to Angular 12 we are facing bellow issue.

Error on console when trying to run this app:

I need some help! I'm trying to host on my reacy website on netlify but npm install error happens. Could you help me with solving this problem?

Here is a error comments

I am having MVC application and trying to add Bootsrap5 through Webpack and am getting following error. I have tried many of the workaround with stage-0, stage-2 and stage-3 but nothing worked for me.

I am suspecting the issue is because of three dots (Spread syntax) but the workaround not helped for me.

Issue:

How can I deploy a react app without having to change html scripts on my customers websites every time.

Some of my customers need a chat interface on their websites to allow website visitors to chat with a chatbot. This chatinterface is build using:

I struggle to make SpaProxyingExtensions.UseProxyToSpaDevelopmentServer work with webpack-dev-server and I couldn't find the suitable configuration.

The error I get in the console

System.InvalidOperationException: The SPA default page middleware could not return the default page '/index.html' because it was not found, and no other middleware handled the request.

I compared the settings with following SO answer and there isn't any striking difference.

The bundling process isn't complex and webpack dumps things to wwwroot/dist folder.

What do I miss here?

Thanks for help.

Folder structure

package.json

Please could someone shed some light into the issues I'm having with Webpack. I've not used Webpack for fonts before and have run into a bit of a headache I've not been able to solve. I'm pulling the fonts from a .css file using url().

What I'm getting after Webpack has done its thing is 3 .woff files with their names changed to a hash like name. I then have a fonts folder with the 3 fonts in named correctly. Looking at the main.css (the one Webpack produced) the url() is now looking at the font files with the hash names. When I open the hash named .woff files its an export command pointing to the fonts folder and to the correct font.... Is this how it meant to work?

When I load up the webpack in the console I have errors for each file: Failed to decode downloaded font: http://localhost/OPM/wpcontent/themes/theme/assets/build/b4f8bd69b3d37cc51e2b.woff OTS parsing error: invalid sfntVersion: 1702391919

This is wants in the .woff file export default __webpack_public_path__ + "fonts/font-icons.woff";

I am working on a TypeScript app (Angular 11, for what it's worth), using Webpack to bundle the code. I have set up webpack to generate a source map, and it does, however the source map is generated for the JavaScript code, not for the original TypeScript, as if the order of execution were somehow messed up. The sourcemap tag is added correctly at the end of the JS file, and the map gets loaded correctly, so it seems it's a configuration error on my side rather than anything else.

I'm not too fluent in webpackish, the file below has been compiled from other configs I made earlier for other projects, and which have been working nicely there, so I suppose I did something wrong this time. Can anybody see anything? Thanks a lot.

Webpack 4.44.2
Typescript 4.0.5
Nodejs 12.20.1
Angular 11.0.6
Babel 7.12.10

I have been trying to run a project in debug mode for quite a long time and I get an import error, I have already studied a lot of information on this issue and decided to move along the path of setting up babel. The fact is that this project is working and everything started fine, but now I upgraded the version of node 10> 12, next 8> 9, went through all typescript errors, was able to build the build and tried to run it locally, but got an import error

Project: next v9, node v12

// package.json (shortcut):