Stack Overflow
Stack Overflow

Questions tagged [react-hot-loader]

195 questions
267
votes
48 answers

React.createElement: type is invalid -- expected a string

Trying to get react-router (v4.0.0) and react-hot-loader (3.0.0-beta.6) to play nicely, but getting the following error in the browser console: Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a…
JoeTidee
  • 24,754
  • 25
  • 104
  • 149
53
votes
6 answers

React-hot-loader: react--dom patch is not detected

I updated some npm packages in my Gatsby project and now I'm seeing this warning in console: React-hot-loader: react--dom patch is not detected. React 16.6+ features may not work. However, when I look into the source code, there is a comment: //…
Atte Juvonen
  • 4,922
  • 7
  • 46
  • 89
43
votes
6 answers

Webpack - Error: Cannot define 'query' and multiple loaders in loaders list

This error appeared after I added the react-hot loader in an array following this tutorial: https://thoughtbot.com/blog/setting-up-webpack-for-react-and-hot-module-replacement I'm getting Error: Cannot define 'query' and multiple loaders in loaders…
Rahul Dagli
  • 4,301
  • 15
  • 47
  • 85
40
votes
12 answers

Cannot resolve module 'react-dom'

I've seen few posts related to this type of error. But couldn't resolve in mine. My package.json: "react": "~0.14.7", "webpack": "^1.12.13", "react-hot-loader": "^3.0.0-beta.6", . . I'm getting following error on webpack: ERROR in…
User1230321
  • 1,435
  • 4
  • 23
  • 39
25
votes
4 answers

Redux - how to keep the reducer state during hot reload

I use React + Redux + Webpack + WebpackDevserver. Once the hot loader is launched all my reducers are reseted to the initial state. Can I keep somehow my reducers in the actual state? My Webpack config contains: entry: [ …
Tomas Randus
  • 2,127
  • 4
  • 29
  • 38
16
votes
1 answer

React + Webpack HMR is refreshing the page (not hot loading)

I'm having a bit of trouble getting the react-hot webpack loader to work correctly. When I load the page I get the following as I would expect: [HMR] Waiting for update signal from WDS... [WDS] Hot Module Replacement enabled. But when I save a…
undefined
  • 33,537
  • 22
  • 129
  • 198
15
votes
2 answers

webpack-dev-server with hot reload reloading entire page with css changes

[Edit] Github Test Repo Created for you to test!! I have hot reloading without any problems, but it reloads the entire page whenever I make a single css change. I would like it to inject any css changes and ideally do similarly with react…
Jamie Hutber
  • 26,790
  • 46
  • 179
  • 291
13
votes
2 answers

React Webpack - Error: Module is not a loader (must have normal or pitch function)

My webpack.config.js var path = require("path") var webpack = require('webpack') var BundleTracker = require('webpack-bundle-tracker') module.exports = { context: __dirname, entry: [ …
theblackpearl
  • 1,164
  • 3
  • 15
  • 34
13
votes
7 answers

react-route,react-hot-loader.webpack (You cannot change ; it will be ignored)

it's my first project that use react,react-router,react-hot-loader,webpack-dev-server and webpack. when I change the code in react component, the hot-loader become effective, but at the same time, the console tell me a warning: You cannot change…
Kevin_Z
  • 131
  • 1
  • 3
12
votes
6 answers

Webpack Dev Server (webpack-dev-server) Hot Module Replacement (HMR) Not Working

I have gone through many answers on StackOverflow & on GitHub issues as well but, I am still stuck in Hot Module Replacement in Webpack. I am using npm start to run my server with webpack-dev-server --hot --inline. I am trying to change code in my…
krishnaxv
  • 956
  • 2
  • 6
  • 18
11
votes
1 answer

What is React Hot Loader?

I used react on several of my project is that it was well passed, but it is last time I saw that there is a react-hot-reload What is react-hot-loader? What is its use? difference between Hot Module Replacement in Webpack and React Hot Loader…
Hajji Tarik
  • 1,072
  • 7
  • 23
11
votes
6 answers

Getting "Aborted because 0 is not accepted" and full page reload with react-hot-loader

I am trying to set up webpack hot reloading with react-hot-loader. It mostly seems to be working. I am using webpack in an existing rails app. But it isn't hot-reloading. It is simply triggering a reload every time my react code is changed. The…
S.Kiers
  • 4,086
  • 3
  • 32
  • 38
9
votes
1 answer

WebSocket connection failed. Error during WebSocket handshake - socketjs

Details: I have been trying to configure my react project to work with hot loader so that I can actively develop without having to restart the server. I am getting a continuous error message each time websocket tries to connect: WebSocket…
David Biga
  • 2,763
  • 8
  • 38
  • 61
8
votes
1 answer

ReactDOM RSS renderToString production error

I created new boilerplate for react16. https://github.com/jasonvillalon/react16-boilerplate its working when running in development using: npm start npm start:webpack but when running in production it throws error on…
JasonV
  • 81
  • 1
  • 3