-
3 votesanswersviews
热加载器复制代码(n次)而不是热交换
当我在组件中进行更改时,webpack会重新编译并对模块进行热交换 . 但是现在我的代码运行 n 次,其中 n 是热模块交换发生的次数 . 例如,我进行了更改,现在函数正在运行两次 . 我做了另一个改变,功能正在运行三次 . 我可以在我的商店的dispatchToken中放置一个 console.log(Date.now()) ,我可以看到它正在运行 n 次 . 店铺:http://pastebi... -
1 votesanswersviews
使用react-hot-loader和自定义babel预设
我的应用程序不支持旧版浏览器,我喜欢减少Babel转换集以使代码更容易调试(因此调试器中的代码看起来更像是原始源代码) . 但是,当我迁移到react-hot-loader 3时,这不再起作用 . 也就是说,我可以让RHL 3使用标准的es2015预设,但不能使用我自定义的变换集 . 发生的是反应组件被渲染但从未安装,并且不会响应任何事件 . 我试图使用的变换集是: var babel_plugi... -
1 votesanswersviews
react-hot-loader与外部configureStore使用redux-saga抛出“regeneratorRuntime未定义”
我正在将react-hot-loader添加到我的项目中 . 我的项目使用webpack2,babel7,react-hot-loader3和webpack-dev-server . 启动应用程序时出现“ regeneratorRuntime is not defined ”错误 . 我使用this boilerplate作为样本 . 我可以访问我的组合reducer(该商店已经应用了redux-... -
0 votesanswersviews
React-hot-loader不能与React-router-dom一起使用
所以我最终设置了一个工作项目: 电子( 2.0.2 ) React( 16.4.0 ) React-router-dom( 4.2.2 ) Webpack( 4.11.0 ) React-hot-loader( 4.2.0 ) 就在我开始开发一些反应组件时,我注意到我的项目不会热重新加载正确 . 如果我在基本网址上调整了某些内容( / ),它会正确更新,但是如果我在辅助网址... -
1 votesanswersviews
React Hot Loader:Hot Loader不接受此组件
我正在使用https://github.com/stylesuxx/generator-react-webpack-redux作为发电机而我使用的是热装载机 . 我的代码能够在浏览器中正常加载,但是当我在浏览器中打开开发面板时,我遇到了 React Hot Loader: this component is not accepted by Hot Loader. Please check is ... -
1 votesanswersviews
热模块更换不适用于某些模块
我遇到了反应热装载机3的问题 . 我的应用程序中的一些模块得到热更新,有些则没有 . 我有一个文件夹(app),其中包含我的所有组件 . 在这个文件夹中我有index.js,我从文件夹中导出所有模块 . 在文件夹中我有 index.js 文件,它导出组件本身 . 例: app/test 包含 test.js 和 index.js app/test/index.js 包含 export test... -
1 votesanswersviews
react-hot-loader:React.createElement:type无效 - 预计更新屏幕时会出现字符串错误
我正在尝试使用rect-redux-universal-hot-example构建一个同构的ReactJS应用程序样板 . 我正在使用react-hot-loader进行热模块重新加载(hmr) . 一旦我更改了一些App组件数据,我的浏览器页面就不会自动重新加载 . 我在浏览器中收到以下错误: [HMR] connected main-32cd5038bd66f14eeceb.js:12141 ... -
1 votesanswersviews
Webpack HMR在某些路由中重新加载整个应用程序
首先,我正在使用: "react-router":"3.0.2", browser-sync ": " 2.18.8“, "url-loader":"0.5.7", "webpack":"1.13.1", "webpack-dev... -
0 votesanswersviews
如何仅更新一个组件?表
我有这个配置工作申请 without any errors : package.json: ... "react-hot-loader": "^3.0.0-beta.7", "webpack": "^3.6.0", "webpack-dev-server": "^2... -
1 votesanswersviews
访问React Hot Loader包含的组件
给出下面的根React组件: **注意react hot loader export语句 . class UI extends Component { constructor(props, context) { super(props, context); this.state = { message: "" ... -
2 votesanswersviews
React-Router是否通过Webpack中断实时重新加载?
我正在使用React-Router,只是更新了我的路由以合并嵌套的URL,它似乎打破了Webpack的实时重新加载: <Route path="/" component={App} ignoreScrollBehavior> <Route path="dashboard" component={Dashboard}> &... -
1 votesanswersviews
Webpack / React - 如何热重新加载单独的包
我正在使用webpack并做出反应 . 我有一个应用程序,我有一个组件库,我导入到应用程序 . 在组件库index.js中,我单独导出每个组件 export componentA from './ComponentA'; export componentB from './ComponentB'; 在我的应用程序中,我从lib导入组件 import { componentA } from 'co... -
14 votesanswersviews
webpack-dev-server with hot reload重新加载整个页面并进行css更改
[Edit] Github Test Repo Created for you to test!! 我没有任何问题进行热重新加载,但每当我进行单个css更改时它会重新加载整个页面 . 我希望它能够注入任何css更改,并且理想情况下与react组件类似,除非真正需要完全重新加载 . 我得到以下控制台日志 [WDS] App updated. Recompiling... client?cd17... -
6 votesanswersviews
如何使ASP.NET Core 2与Webpack 4一起工作并进行热重新加载
我正在尝试将ASP.NET Core 2与Webpack 4和React一起使用,我希望热重新加载 . 问题是;当我尝试更改其中一个文件时,它会在Chrome中显示此错误: :8100 / dist / __ webpack_hmr无法加载资源:net :: ERR_INCOMPLETE_CHUNKED_ENCODING . 我的package.json: { "name&quo... -
1 votesanswersviews
需要帮助配置react-hot-loader
我正在使用最新的ASP.NET 2.0 react SPA模板,它是使用命令_2995593创建的 . 它开箱即用,热模块替换(浏览器中的代码编辑自动更新) . 然后我想添加一个名为 App 的顶级应用容器来保存应用程序状态,如本博文中所述:react without redux article . 应该简单吧?请注意,该文章使用javascript,但我'm using Typescript, ... -
3 votesanswersviews
React Hot Reload 3不显示更新
我刚刚升级到Webpack 2.2.0并按照文档添加热重新加载:https://webpack.js.org/guides/hmr-react/奇怪的是,当我进行更改时,我在控制台中得到了这个: [WDS] App updated. Recompiling... client:38 [WDS] App hot update... dev-server.js:45 [HMR] Checking fo... -
3 votesanswersviews
如何让react-hot-loader与动态导入一起工作?
我看到了this answer,它显示了如何让react-hot-loader使用 import() 语法,但在我的情况下,直到运行时我才知道文件名 . 这是我得到的: export default function(component, props, mountPoint) { function render() { import(`./containers/${com... -
1 votesanswersviews
使用React Hot Loader的Webpack Dev Server在用作中间件时不解析JSX
我试图让webpack-dev-middleware / webpack-hot-middleware与我的快递服务器一起工作 . 如果我直接运行webpack配置它运行正常但是当我尝试从中间件运行它时它不会解析JSX . 这是我的配置 { "name": "client", "entry": [ "react-... -
0 votesanswersviews
Webpack dev服务器尝试连接到错误的URL
每当我试图让它有机会成为我的朋友时,我就遇到了webpack的问题!这次我正在尝试使用react-hot-loader,webpack和webpack-dev-server启用热模块重新加载,但似乎webpack-dev-server试图在浏览器中获取错误的URL . 这是Chrome v50控制台的错误: GET http://public/info?t=1464117419740 net:... -
2 votesanswersviews
ERROR in multi,Module not found:错误:React Hot Loader @ next Universal Rendering
我在用 "webpack": "^2.4.1", "webpack-dev-middleware": "^1.10.2", "react-hot-loader": "next", "webpack-hot-middleware": "^2.18.0&... -
2 votesanswersviews
无法让React Hot Loader工作
我正在尝试将react-hot-loader配置到我的应用程序中 . 它 Build 在webpack 2,webpack-dev-middleware,浏览器同步,表达和服务器端渲染之上 . 这是我的webpack.config require('dotenv').config() import path from 'path' import webpack from 'webpack' imp... -
2 votesanswersviews
带有React Hot Loader的Webpack Dev Server
我有一个webpack配置,它本身就很完美 . 我正在尝试按照建议安装React Hot Loader和HMR,这需要webpack-dev-server . 在这里,我无法让它发挥作用 . 我无法找到我的捆绑所在的位置 . 我希望它只是 localhost:3000 . 我的 webpack.config.js : var webpack = require('webpack'); var p... -
0 votesanswersviews
反应热加载程序不更新更改
我正在使用react-hot-loader v3,但它无法正常工作 . 它会监听服务器上的更新,但不会显示更改,而是会收到警告 log-apply-result.js?d762:11 [HMR]以下模块无法热更新:(需要完全重新加载!) 下面是我的webpack配置 webpack.local.config.js var path = require("path") var... -
12 votesanswersviews
Redux - 如何在热重载期间保持reducer状态
我使用React Redux Webpack WebpackDevserver . 一旦热启动器启动,我的所有减速器都将重置为初始状态 . 我能以某种方式保持我的减速器处于实际状态吗? 我的Webpack配置包含: entry: [ "./index.jsx" ], output: { filename: "./bundle.js" }, m... -
7 votesanswersviews
React Webpack HMR正在刷新页面(不是热装)
我在使反应热的webpack加载器正常工作时遇到了一些麻烦 . 当我加载页面时,我得到以下内容,如我所料: [HMR]等待来自WDS的更新信号... [WDS]启用热模块更换 . 但是当我保存更改时,页面会自动刷新浏览器(而不是HMR替换) . //webpack.config.js { entry: { client: 'webpack-dev-server/client?h... -
1 votesanswersviews
什么是React Hot Loader?
我在我的几个项目中使用了反应,它很好地通过了,但是上次我看到有一个 react-hot-reload 什么是react-hot-loader? 它有什么用?Webpack和React Hot Loader中热模块更换的区别是什么? 它将为工作流程带来什么好处? 它是如何运作的 任何人都可以解释我PLZ :) -
0 votesanswersviews
反应热的装载机不与快递
我正在使用react-hot-loader和webpack-hot-middleware with express进行实时重新加载,但它无法正常工作 . webpack侦听更改但未显示在浏览器上 . 我错过了什么吗? webpack-config.js if (!process.env.NODE_ENV) { process.env.NODE_ENV = 'development' } co... -
1 votesanswersviews
试图使 React Hot,Express 和 Webpack 协同工作
我是一个已经决定学习一些前端的后端人,但似乎我离学习还很远,因为我甚至无法配置环境。 我的目标是使用 Babel 6,React,react-hot 和 HotModuleReplacementPlugin 设置 Webpack。我也希望应用程序有 express.js 服务器。所以这是我的配置: server.js: var webpack = require('webpack') var we... -
1 votesanswersviews
React-hot-loader:由XXX引起的致命错误 - 未找到任何检测
我正在尝试使用React 16.2和Webpack 2.6.1配置react-hot-loader 4.0.0 . 它适用于某些更改,但对于其他更改我收到以下错误:React-hot-loader: fatal error caused by ƒ Connect(props, context) 和no instrumentation found. Please require react-hot-... -
0 votesanswersviews
反应热装载机3 - 未找到模块
我正在尝试使用webpack-dev-server设置react-hot-loader,但是我收到了这个错误: ERROR in ./app/index.jsx Module not found: Error: Can't resolve './components/App' in '/myURL/app' 我有另一个webpack工作没有react-hot-module我正在使用快速服务器,所...