问题标签 [react-hot-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 带有 React Hot Loader 的 Webpack 开发服务器
我有一个本身就可以完美运行的 webpack 配置。我正在尝试按照建议将 React Hot Loader 与 HMR 一起安装,这需要 webpack-dev-server。在这里我无法让它工作。我找不到我的捆绑包所在的位置。我希望它只是在localhost:3000
.
我的webpack.config.js
:
和webpack-server.js
:
更新:链接的问题没有帮助,特别是因为它甚至没有确认的答案。
reactjs - 热加载程序不工作
我正在尝试使用热加载程序。我已经安装了 Hot Loader 并按照文档http://gaearon.github.io/react-hot-loader/getstarted/中的所有步骤进行操作。然后我向终端发出“npm start”命令。但是终端抛出错误。我无法看到我在组件中所做的更改反映在浏览器中。
webpack.config.js
Package.json 的脚本部分
服务器.js
几个问题 1. 我的 server.js 文件是否正常。2. 我是否在 package.json 的脚本中正确包含了所有内容。3.“npm start”是启动热加载程序的命令吗?4. 即使在“npm start”之后出现错误,我也可以通过单击 chrome 图标在浏览器中启动我的应用程序。是什么原因。5. 我应该在这些文件中进行哪些更改才能获得一个正常工作的热加载程序。
javascript - 为什么在 React 热加载器的 ReactJS 中出现“错误:找不到相对于目录的预设“react-hot”...”?
我正在尝试让 React Hot Reloader 为我的 ReactJS 项目工作,但出现错误Error: Couldn't find preset "react-hot" relative to directory...
我确实设置了预设的“react-hot”,.babelrc
但可能是什么问题?我有以下设置:
在我的package.json
:
在我的webpack.config.js
在我的.babelrc
:
node.js - 将 react-hot-loader 3 与自己的服务器一起使用
我能够设置react-hot-loader
为正常工作,捆绑我的客户端 js 并将更改推送到浏览器并在那里应用([react-router] You cannot change <Router routes>; it will be ignored
警告除外)。我正在使用我自己的服务器koa
,它处理 webpack 和 hot koa-webpack-dev-middleware
。koa-webpack-hot-middleware
它还使用此代码处理我的应用程序的服务器渲染
问题在于我的服务器端代码:hot
仅适用于客户端代码并即时更新更改,但我的服务器代码不会随着脚本的更改而更新,因为脚本在服务器启动和页面重新加载时我没有从服务器更新渲染页面然后用新的客户端代码更新。并做出反应警告Warning: React attempted to reuse markup in a container but the checksum was invalid...
问题是:如何处理与服务器上的服务器渲染部分相关的代码更改,而不是在中断热加载时重新启动应用程序?
reactjs - VideoJS的热重载
我的反应项目中有一个视频 js 组件。我还在 video.js 上使用标记插件。每当我对项目中的每个组件进行任何更改时,它们都会被热重载,但我的 videoJS 组件不会被热重载。例如:如果我对标记进行任何更改,那么它不会在网页上反映为热重新加载。每次对 videoJS 进行任何更改时,我都必须刷新网页。我应该怎么办?
reactjs - 启用单页应用响应热重载 webpack
我在使用带有 webpackdevserver 的反应路由器设置单页反应应用程序时遇到了一些问题。如果我使用 browserhistory,webpack 在输入嵌套路由 url(例如 /client/view)时会出现一些问题。这可以通过添加 apiFallback 来解决,但热重载仍然存在问题。它尝试从不存在的深层 url (/client/view/hot-update.json) 加载 hot-update.json 文件,因此失败并重新加载页面。如何告诉 hotreload 始终从基本 url (/) 加载 hot-update.json?
reactjs - React 模块无法热更新
我正在使用 react-router 和 material-ui 构建一个 Web 应用程序。我最近注意到 react hot loader 已经更新,并且在使用带有 material-ui 的 ho loader 时出现了一些问题。当我将它与反应路由器一起使用时,热加载器将不适用于子组件。这是我的 index.js 代码
这是我的应用程序组件
路线文件
当我对子组件进行任何更改时,浏览器控制台会发出警告,指出
以下模块无法热更新:(需要完全重新加载)这通常是因为已更改的模块(及其父级)不知道如何热重装自己。有关更多详细信息,请参阅http://webpack.github.io/docs/hot-module-replacement-with-webpack.html。
我得到这个以及如何解决这个问题的任何特殊原因?