Questions tagged [webpack-dev-server]

a Node.js based server that supports live reloading and is used for development of webpack powered applications.

webpack-dev-server is a little Node.js Express server, which uses the webpack-dev-middleware to serve a webpack bundle. It also has a little runtime which is connected to the server via Socket.IO. The server emits information about the compilation state to the client, which reacts to those events by updating the bundle.

The server is used for development purpose only.

3256 questions
1
vote
0 answers

Webpack: enabling terser property minification breaks dev server

I've migrated my project to WebPack 5 and I'm struggling with following issue: anytime I try to enable Terser property mangling I'm getting an error config portion: // isInvokedInDevServer is true if compiles using dev server optimization: { …
Artek Wisniewski
  • 797
  • 5
  • 13
1
vote
0 answers

On ng serve command ,compilation goes into infinite loop in angular 14

enter image description here Also on single time save file it generate 5 to 6 time compile project in node.js enter image description here Version information.
1
vote
0 answers

ReactJS - when creating one react application as package and installing in another react application, handlers not workings

I am trying to add one react project inside another react project. I have created a react application Project-A which I have build and packed using webpack and npm pack command and then I am installing this package from the path in another Project-B…
neha singh
  • 131
  • 1
  • 1
  • 7
1
vote
0 answers

webpack5 HMR not working inside docker container

My project is using Vuejs (ver 2.6.14) (vue-cli uses Webpack5) Docker (nginx for proxy) => localhost:3000 -> localhost:4000 When using vue version 2.5.~, I set devServer.public is 'localhost:4000' in vue.config.js and HMR works good. But after…
1
vote
0 answers

How to enable Hot Module Replacement (HMR) for a directory outside of src in a React app?

I have a React app that uses an external shared directory at the top level, shared-js, that is located outside of the src directory of my app. I want to enable Hot Module Replacement (HMR) for this shared module so that I can see changes to it in…
1
vote
2 answers

Importing "firebase/app" Module not found: Error: Default condition should be last one

Hi I'm starting with webpack and firebase. Everytime when I do : import { initializeApp } from "firebase/app"; This is the error: File structure: index.html:
1
vote
0 answers

Web Apps and Web Workers that uses external scripts

I am working on an Angular 13 application where at some point I need to use the (opus-recorder package) but I am not able to implement it. The code crashes at this point, where I try to use the workers from the library mentioned in a Web Worker. The…
1
vote
1 answer

Nested Route not Rendering React Router v6

I am trying to nest a path within another path in react-router-dom version 6 and whenever I try to visit the nested argument's page (/blog/1), it displays a blank non-styles HTML page but when I put a child path to the root ex. /blog it renders…
1
vote
2 answers

npm start error - No production canister_ids.json found. Continuing with local

Whenever I run npm start the same "error" message appears "No production canister_ids.json found. Continuing with local" At first there seemed to be a proxy problem, detectable in the browser console. I managed to solve it by editing the proxy in…
1
vote
0 answers

How to troubleshoot zoom Oauth2 integration with ngrok and cookie usage in a MERN stack application?

I'm testing a local zoom app build. To be specific, zoom docs differentiate their app types, and what i want is a web view opened in the zoom client app view, therefore what ive developed is technically referred to as a "Zoom App" (more info…
Jim
  • 1,988
  • 6
  • 34
  • 68
1
vote
0 answers

Why we use webpack in react applications

Actually, I'm just curious as to why webpack is used in react applications. Why do I still use Webpack to create a dist folder with a dist.js file if I can create a build using npm run build? Can somebody help me with my confusion?
Sohaib Butt
  • 57
  • 1
  • 8
1
vote
1 answer

Angular how to change devServer hostname?

i have an Asp.Net Core 6 project with two Angular 14 apps. The first app is available at https://localhost:44313/. The second app is available at https://localhost:44313/clientapp2 and it reloads every time. I can fix it by adding "ng serve…
al.koval
  • 2,087
  • 4
  • 28
  • 35
1
vote
1 answer

why process.env doesn't work in app.js file but works in webpack.config.js?

why process.env doesn't work in app.js file but works in webpack.config.js? I have my own webpack that I created myself. It was not created with CRA the version so it is correct to deduce? Or is there any way to get it out? Or is it better not to…
1
vote
1 answer

Cannot proxy requests with craco config

I am trying to proxy requests with craco config. however the proxy seems to be ignored. Why is it not working? I have a create-react-app project that I started using: npx create-react-app check-proxy-config --template typescript and I've added…
Noy Oliel
  • 1,430
  • 3
  • 13
  • 26
1
vote
0 answers

How do you upgrade webpack-dev-server from v3 to v4?

I have been struggling with an issue with hot reloading where making edits in certain files would reload the app without those changes. My initial solution was to update webpack and related modules. The first module I updated was webpack-dev-server.…
Rumthorp
  • 21
  • 1
  • 2