react-hot-loader

问题 as I have quite a lot of icons in many places in my app, I want to use code splitting for them. I have created helper component to do that: import React, { FunctionComponent, Suspense } from 'react'; interface LazyMuiIconProps { name: string; } export const LazyMuiIcon: FunctionComponent<LazyMuiIconProps> = ({ name }) => { console.log(name); const IconElement = React.lazy(() => import(`@material-ui/icons/${name}`)); // const IconElement = React.lazy(() => import(`@material-ui/icons/Home`));

问题 as I have quite a lot of icons in many places in my app, I want to use code splitting for them. I have created helper component to do that: import React, { FunctionComponent, Suspense } from 'react'; interface LazyMuiIconProps { name: string; } export const LazyMuiIcon: FunctionComponent<LazyMuiIconProps> = ({ name }) => { console.log(name); const IconElement = React.lazy(() => import(`@material-ui/icons/${name}`)); // const IconElement = React.lazy(() => import(`@material-ui/icons/Home`));

问题 I'm trying to use hot-react-loader in my project. So I changed some files to work with this but I get an error when I edit a component. Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). [HMR] Cannot apply update. Need to do a full reload! what am I doing wrong? webpack.config.dev.js var webpack = require('webpack'); var path = require('path'); // Questo il plugin di webpack

问题 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: // Actually everything works... What does this warning actually mean? Is this something I should fix or just let it be? 回答1: Per my comment above, it's looking like react-hot-loader wants the @hot-loader/react-dom package instead of standard react-dom :

问题 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: // Actually everything works... What does this warning actually mean? Is this something I should fix or just let it be? 回答1: Per my comment above, it's looking like react-hot-loader wants the @hot-loader/react-dom package instead of standard 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 ./public/src/main.js Module not found: Error: Cannot resolve module 'react-dom' in C:\Users\react-example\public\src @ ./public/src/main.js 19:16-36 But in the cmd line when I did npm -v react-dom I get 3.10.10. react-dom is there. But I wonder why it still gives

问题 I'm trying to use react-hot-loader with webpack-dev-server and react-router , but when I try to access localhost:3000/ I get : Cannot GET / Of course, it works when I try to access localhost:8000/. I tried to follow react-hot-boilerplate, without success. Here's my code: server.js const http = require('http'); const express = require('express'); const consolidate = require('consolidate'); const bodyParser = require('body-parser'); const routes = require('./routes'); const app = express(); app

问题 I have some problems setting up a single page react app using react router with the webpackdevserver. If I use browserhistory webpack has some problems when entering a nested route url (/client/view for example). This could be solved adding apiFallback but hot reload does still have a problem. It tries to load the hot-update.json file from the deep url (/client/view/hot-update.json) which does not exist and therefor fails and reloads the page. How can i tell hotreload to always load the hot

问题 I am trying to implement react-hot-loader in my existing application. I followed the tutorial, and used the boilerplate file from this link as suggested in the tutorial. Then, when I start the node server using yarn start , I get the following error: ERROR in (webpack)-dev-server/client?http://0.0.0.0:3000 Module not found: Error: Cannot resolve module 'webpack/hot/emitter' in /Users/Rai/Documents/github/sarvahitey-core/client/node_modules/webpack-dev-server/client @ (webpack)-dev-server

问题 React hot reload is not working. In webpack entry, I have following code. entry: { home: [ 'webpack-dev-server/client?http://0.0.0.0:8000', 'webpack/hot/dev-server', // add "only-dev-server" prevents reload on syntax errors path.join(__dirname, 'app/home-styles.js') ], main: [ 'babel-polyfill', path.join(__dirname, 'app/styles.js'), path.join(__dirname, 'app/vendor.js'), path.join(__dirname, 'app/index.js') ] }, and in dev-server I have hot = true; and i have below code for wrapping Provider