首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当使用hot路由器子路由时,将返回404在热update.json上。

当使用hot路由器子路由时,将返回404在热update.json上。
EN

Stack Overflow用户
提问于 2016-03-19 05:23:41
回答 2查看 3K关注 0票数 4

我使用我的react/redux应用程序的react弹弓初学者项目。当我使用像/foo这样的路由时,热重新加载工作得很好,但是我发现热重加载并不适用于像/foo/bar这样的子路由。我没有对开箱即用的webpack配置文件做任何更改,在这里可以找到https://github.com/coryhouse/react-slingshot/blob/master/webpack.config.js

当我有以下路由配置时,我在CreateOrder组件上获得了CreateOrder:

代码语言:javascript
运行
复制
<Route path="/" component={App}>
    <Route path="login" component={Login} />
    <Route path="orders" component={OrderPanel} />
    <Route path="orders/create" component={CreateOrder} />
    <Route path="*" component={NotFoundPage} />
</Route>

但是当我将路径从orders/create改为时,它不会返回404。

看来热更新中间件正在尝试从/orders子路由中获取Hotupdate.json吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-04-08 11:07:05

只是为了完整和任何人有这个问题的旧版本的弹弓。在第75期和固定这里中也提到了这一点,方法是替换:

代码语言:javascript
运行
复制
publicPath: '',

使用

代码语言:javascript
运行
复制
publicPath: '/',

webpack.config.js

更新:从还原剂的评论,publicPath必须开始和结束一个斜杠。取代:

代码语言:javascript
运行
复制
publicPath: 'dist/',

使用

代码语言:javascript
运行
复制
publicPath: '/dist/',
票数 5
EN

Stack Overflow用户

发布于 2016-11-25 12:31:32

publicPath配置对我来说不是问题。如果您正在使用redux,可以尝试这样做。

由于一些随机的原因,redux-devtools不允许我热重装。尝试从根组件和redux compose配置中删除它。

注意:在您的存储配置中使用带有此配置的redux扩展:window.devToolsExtension ? window.devToolsExtension() : f => f

另外,必须阅读:https://medium.com/@rajaraodv/webpacks-hmr-react-hot-loader-the-missing-manual-232336dc0d96#.ejpsmve8f

或者尝试热重加载3:示例:https://github.com/gaearon/redux-devtools/commit/64f58b7010a1b2a71ad16716eb37ac1031f93915

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36098193

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档