Stack Overflow
Stack Overflow

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

Access a proxied local webapp from within a docker container

I am running a local instance of my webapp on my machine and am trying to access it from within a docker container. My docker container contains my testframework using selenium. Usually this wouldn't be a problem when the app is accessible via…
nerdycity
  • 11
  • 1
1
vote
1 answer

What does question mark (?) mean in webpack's entry?

I'm learning webpack and came across an example webpack.config.js that looks like this: module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:3030', 'webpack/hot/only-dev-server', './src/boot.js' …
xtt
  • 857
  • 1
  • 8
  • 24
1
vote
2 answers

Loading CSS bootstrap-4 theme for sweet-alert2

I use SweetAlert2 for my project. I use VueJS and vue-cli-service with webpack. As I wanted to use the boostrap-4 theme, I followed the instructions : npm i npm install @sweetalert2/theme-bootstrap-4 And I included this css in the index.html
Denis Valdenaire aka Joe Linux
  • 312
  • 1
  • 2
  • 11
1
vote
1 answer

Missing URL parts with devServer proxy

I've got the following vue.config.js in my Vue project: module.exports = { devServer: { proxy: { '^/api/': { target: 'https://example.com/api/', changeOrigin: true, logLevel:…
The_Fallen
  • 257
  • 1
  • 3
  • 10
1
vote
1 answer

monaco-editor in React using TypeScript -> cannot find module 'monaco-editor'

I have been trying to integrate monaco-editor in a React app. I have had success but still facing issues. Below I have provided details of my development setup. I have tsconfig.json file configured like this: { "compilerOptions": { "target":…
xerxes
  • 11
  • 4
1
vote
1 answer

django rest frame work with react using webpack

i successfully connected DRF to react after seeing the posting. https://www.valentinog.com/blog/drf/ but real-time screen update is not possible when the server is run in development mode by typing the phrase. "webpack --mode development…
chea
  • 101
  • 1
  • 11
1
vote
1 answer

Webpack - can not load assets (404 - not found)

I was working with webpack 5 and hanging on a curious issue. My assets(pictures, svgs) are not found by the dev server, but js files and css files works fine. If I remove the outputPath: "/assets/images", value from the image file loader(in…
steve02x
  • 11
  • 2
1
vote
1 answer

Fix Class is not a constructor error when using namespace in TypeScript with WebPack

Overview I'm new to using TypeScript and PIXI.js without a framework. I used to use the language/library for work where we used namespaces with the module keyword. I've been trying to replicate the setup we used as I think it looks a lot better than…
Jamesyboy1994
  • 11
  • 3
1
vote
0 answers

How can I use Express.js with webpack?

I'm trying to set up a webpack server with Express. When I use a simple script, such as the following: document.getElementById('testing').innerHTML = "It's a test"; if (module.hot) { module.hot.accept(); } The server works fine, both from the…
Set
  • 183
  • 9
1
vote
4 answers

TypeError: Cannot destructure property `logger` of 'undefined' or 'null'

I'm trying to run webpack along with webpack-dev-server but having this error: TypeError: Cannot destructure property `logger` of 'undefined' or 'null'. at Object.…
monz777
  • 11
  • 1
  • 2
1
vote
1 answer

Webpack Peer Dependency Error in NPM When Webpack Is Installed

I'm getting this error when running webpack-dev-server in npm: webpack-dev-middleware@3.7.2 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself. However, I already installed webpack. Here is my…
Zack
  • 49
  • 2
  • 6
1
vote
0 answers

How to make proxy work on Angular 2 with webpack-dev-server configuration?

I have an app in Angular 2 (2.4.1) and a server with the following: Front-end runs on localhost:8081 and has: node v6.17.1 npm v3.10.10 Among devDependencies in package.json: "devDependencies": { ..., "typescript": "2.1.1", "webpack":…
Katrikken
  • 123
  • 1
  • 1
  • 9
1
vote
1 answer

Make Webpack DevServer write to disk in development environment with `create-react-app`'s

I have a project that was created with create-react-app and has been "ejected". For my use-case, I need to update the Webpack config to output files to the ./build directory in the development environment, like it does in production. I added a…
twiz
  • 9,041
  • 8
  • 52
  • 84
1
vote
1 answer

How to fix: Error: Cannot find module 'webpack-cli/bin/config-yargs'?

I've checked a lot of articles on internet and tried to apply suggestions, but nothing is working. My configuration looks as following: package.json: { "name": "js_class", "version": "1.0.0", "description": "", "main": "main.js", …
tesicg
  • 3,971
  • 16
  • 62
  • 121
1
vote
0 answers

Webpack-dev-server is very slow?

Webpack-dev-server is so slow in rebuilding my simple app, my app is just one component, index.js This is config.webpack.js file: const path = require('path'); const HTMLplugin = require('html-webpack-plugin'); const htmlplugin = new HTMLplugin({ …
Code Eagle
  • 1,293
  • 1
  • 17
  • 34
1 2 3
…
99
100