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
2
votes
1 answer

Webpack hot module replacement lists updated React components in console but does not update them

After changing some text in my About component and saving the file, I can see the following logs in my console: client.js?6a8d:123 [HMR] bundle rebuilding client.js?6a8d:126 [HMR] bundle rebuilt in 3786ms process-update.js:27 [HMR] Checking for…
Olivier Lalonde
  • 19,423
  • 28
  • 76
  • 91
2
votes
2 answers

springboot + webpack dev server, does not change localhost bundle file after rebuilding

click this pic and please read below 1.this first pic is after run webpack-dev-sercer --hot --inline second pic is my html : the way i call js file i changed my jsx file to test server and npm said complete rebuild but, bundled js file in…
2
votes
1 answer

Webpack-dev-server emits all chunks after every change

I just implemented hot-reload'ing for our dev environment. My javascript is broken up into a lot of chunks. Every time I make a change to a file all of the chunks get re-submitted. I'm running webpack-dev-server. Here is an example: Hash:…
2
votes
1 answer

Reading in webpack assets json with webpack-dev-server

Up until now, I've been building my isomorphic Node/Express/React app with webpack and serving up my bundle.js without a problem by including the following in my index html file: However, for deploying to…
2
votes
1 answer

webpack-dev-server does not update served bundle

Here's my webpack configuration: module.exports = { entry: './src/index.js', output: { path: './js', filename: 'bundle.js' }, module: { loaders: [ { test: /\.jsx?$/, exclude: /node_modules/, loader:…
Eschon
  • 538
  • 7
  • 26
2
votes
0 answers

Can get to one guest webserver on VirtualBox, but not to another

I have a VirtualBox setup with Arch Linux. I use it to run various tutorials on Node.js and Redux. The host OS is Windows 8.1. I've mapped guest port 8080 to host 8080. When I run a simple Node.js server on the VM I can access it from the host…
Mikhail Edoshin
  • 2,639
  • 16
  • 25
2
votes
1 answer

Handling ajax JSONP with React

I found this post and tried to make cross domain request with jsonp but failed both on webpack dev server and live server. Full code official_ajax.jsx const UserGist = React.createClass({ getInitialState: function() { return { …
Lucky
  • 335
  • 1
  • 7
  • 23
2
votes
0 answers

Resolving CSS url() in WebPack

I am having trouble setting up url() resolving in CSS files with WebPack. I have the following directory structure style in the Angular project. dist src |_ app |_ components |_ component |_component.html …
Roope
  • 4,469
  • 2
  • 27
  • 51
2
votes
1 answer

gulp and webpack-dev-server, getting an error TypeError: this.sockWrite is not a function

I am trying to integrate the webpack-dev-server with browser sync using the proxy option with gulp as the task master…getting this error TypeError: this.sockWrite is not a function at /.../node_modules/webpack-dev-server/lib/Server.js:29:8 at…
eskhool
  • 657
  • 1
  • 11
  • 24
2
votes
1 answer

Hot Module Replacement not working with Mac / Vagrant

I'm using the latest (v3) react-redux-starter-kit. Everything went fine, a new project is set up except the HMR: It does not reload, I can't see my changes. I checked the browser's console: [HMR] connected After some more investigation I figured out…
haxpanel
  • 4,402
  • 4
  • 43
  • 71
2
votes
1 answer

ReactJS render error Uncaught Invariant Violation: ReactDOM.render()

having the following react(15.0.2) example Component import React from 'react'; class Test extends React.Component { render() { return
Test
; } } export default Test; and trying to render like import React from…
fefe
  • 8,755
  • 27
  • 104
  • 180
2
votes
1 answer

Webpack dev server - exporting .CSS file on change

I'm building .SASS into one .CSS file using webpack, but it only exports the file when I "webpack" in the terminal. When I run "webpack-dev-server" it sees the changes but doesn't generate/change the output .CSS file: var webpack =…
Vlady Veselinov
  • 4,678
  • 5
  • 23
  • 49
2
votes
1 answer

Symfony asset component "" is not a valid URL

I am using webpack dev server to serve my assets in local development. I have following in my paramters.yml.dist # local assets devserver address # if you want to use webpack dev server use "http://localhost:8090" # and then > npm run…
Marcel Mandatory
  • 1,447
  • 13
  • 25
2
votes
1 answer

Webpack not serving files in subdirectories?

I am serving up a directory with webpack-dev-server. However, all of the files in the subdirectories are simply not being found by the app (404 errors). The structure of the directory being…
Healforgreen
  • 579
  • 5
  • 18
2
votes
2 answers

Rendering local images/javascript snippets in reactjs

I'm having a bit of a time with rendering in React: 1) For a project I'm working on, there is no problem displaying an image that is served from a website, but when I try to serve a file from my local machine/saved on my hard drive, I get 404…
jb07
  • 81
  • 1
  • 9