Add Favicon with React and Webpack

I am attempting to add a favicon to a React-based website that I made using webpack. It has been a total nightmare to add a favicon and I have tried many solutions to no avail. The latest solution...

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema

I have this simple helloworld react app created from an online course, however I get this error: Invalid configuration object. Webpack has been initialised using a configuration object that does...

Angular 4 - webpack: wait until bundle finished: /

I am using Angular-Cli and I have updated all of my package.json using the ncu tool. Now when I do a npm start (webpack-dev-server --port 4200 --config config/webpack.dev.js --open --progress...

No provider for HttpClient

After upgrading from angular 4.4 to 5.0 and after updating all HttpModule and Http to HttpClientModule I started to get this error. I also added HttpModule again to be sure it's not due to some...

Webpack dev server throws error - Refused to execute script because its MIME type ('text/html') is not executable

I use Webpack bundler and Webpack dev server for local development. The front-end is in React.js+Redux and the back-end in Node.js and koajs. In back-end, I use passportjs library for user...

react app favicon / manifest not being displayed on gh-pages

I have react/webpack app hosted on gh-pages. Favicon and Manifest icons are not showing. favicons, manifest folder and manifest.webmanifest file are placed in client/assets folder. < favicon setup...

Why is my vue.config.js file not working?

I want to deploy my app and for that i need the vue.config.js file for a target url. But everything i place in this file (i had to create it myself), is not working. not the outputDir for the...

Babel-Loader Error Plugin/Preset files are not allowed to export objects, only functions

After updating all my outdated npm packages to @latest, my electron app fails to start, giving the error ERROR in ./src/index.js [0] Module build failed (from...

How can I resolve background image URL inside sass file using webpack-4?

this is my first time writing here so please bear that in mind. I'm first time using webpack in a project and I have a problem where I'm trying to set a background image using background url()...

Super is undefined only in production build

I have developed a website using react and when using webpack's command 'webpack --config webpack.dev.js' it works like charm. but when using my production config it gives the following exception...

Firebase cloud functions bundled with webpack?

I've been stuck for a while trying to make a webpack build for my cloud functions files. My project structure: ROOT - FUNCTIONS - DIS - bundle.js // THIS SHOULD BE GENERATED BY WEBPACK -...

Html-loader + file-loader not bundling the correct image source

I'm planning to use Webpack for a project and I'm setting up my workflow with Html-loader + file-loader to get a production html file with dynamic src for the images, as Colt Steele teaches in...

CSS Loader has been initialised using an options object that does not match the API schema

Production build fails with the following error: ValidationError: Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options has...

Angular 9 production build with webpack

I have an Angular application that I regularly update and build with the latest Webpack bundler. Some days ago I upgraded the project to Angular 9 and encountered some issues that I couldn't...

Inject CSS styles to shadow root via Webpack

I am attempting to modify the styles of web component that created with shadow root. I see that the styles are added to a head tag but it has no effect on the shadow root as it's...

Cannot install Firebase for VueJS + NodeJS

I am using vueJS to build an authentication (login) page with Firebase, each time when I run: npm run serve I have the same error asking me to install Firebase: `Failed to compile with 7 errors ...

npx create-react-app not showing latest bump to webpack-dev-server 3.11.0

This is my first SO question, so apologies for the lengthy amount of code. I'm trying to start a new project with create-react-app. I ran the following command: npx create-react-app jam-box...

vue.js - I'm getting an error when running my project

sudo npm run serve > [email protected] serve /home/shinier01/Projetos/EstudanaIrlanda/frontend-estudenairlanda > vue-cli-service serve INFO Starting development server... 12% building 20/21...

WEBPACK5 ERROR in main Module not found: Error: Can't resolve './src'

You want to build only Express and gql server-related files separately using webpack5. However, an error occurs when building. ERROR in main Module not found: Error: Can't resolve './src'...

Getting error when trying to run the webpack-dev-server all of a sudden, unknown property of "fs"

When trying to run Webpack Dev Server, I get a long error message: 47 errors and 10 warnings. I had no errors before, and then all of a sudden I do get errors. I have changed nothing in my webpack...

Tree shaking of shared dependencies in webpack 5 module federation

I am working on an architecture for a dynamic dashboard with components fethced from different remote react bundles using webpack 5 module federation. I do have different libraries which are...

Use latest terser-webpack-plugin with Webpack5

According to this link (Terser documentation) if you are using latest Webpack 5, you don't need to install the Terser plugin as it is included in Webpack 5 out of the box. However, I am having a...

Why is Purge Option in Tailwind not working with Webpack

I set up Webpack with Tailwind and everything seems to work fine except the purging. The file is 4mb and I can see all of the tailwind utility classes in there. For the last 30 minutes I tried to...

Failed to create nx workspace

I am new in NX, and even new in NodeJS ecosystem. As I found interesting tool to scaffold full-stack application development, where is NX, then I gave a try. But I always failed in the first step...

Npm audit fix --force react script downgrade automatically

i have a huge problem with my project in react. I'm trying to update the libraries on my project but seems something wrong happens. This is the package.json { "name": "server", "version":...

Moderate severity vulnerabilities found after running npx create-react-app

I have installed the latest LTS Version: 14.17.0 (includes npm 6.14.13) of 32-bit on Windows. After the node installation, I've installed create-react-app module globally using npm i...

How to use the new Webpack devServer configuration?

After updated the webpack devServer package of my project from "webpack-dev-server": "3.11.2" to "webpack-dev-server": "4.3.0" I'm facing this issue when I start my project: >> npm run start >...

Error when running webpack script for simple project

When I run the script for "webpack-dev-server --config webpack.dev.js", I get this error: Error: For the selected environment is no default script chunk format available: JSONP Array push can be...

How to add Autocomplete, Syntax Highlighting using Antlr4 grammar file functionality to Monaco Editor in my React application?

I am using the Monaco Editor in a react app in the following way: My monaco-editor.jsx looks like - import MonacoEditor from 'react-monaco-editor'; return ( <Flex> <Flex.Box> ...