问题标签 [react-boilerplate]

我遇到了一个奇怪的热重载问题，我认为这与我的环境有关，但我无法找到问题所在。我希望其他人遇到了它，并能指出我正确的方向。几天来，我一直在努力解决这个问题。

我在本地（Mac）运行开发 webpack，它与react-boilerplate启用热重载捆绑在一起。每当 webpack 接收到更改时，它都会重新构建，然后无限获取*.hot-update.json文件，从而导致页面无限刷新。

来自服务器的日志： 0|web-clie | 2018-02-07 00:30 +00:00: webpack building... 0|web-clie | 2018-02-07 00:30 +00:00: webpack built 665bc020ab09de31dd8e in 372ms 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /static/7dd032a1be4383284dfd.hot-update.json - 0 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /static/1.7dd032a1be4383284dfd.hot-update.js - 1 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /static/1.7dd032a1be4383284dfd.hot-update.js.map - 0 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /perk/6 - 148 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /static/7dd032a1be4383284dfd.hot-update.json - 0 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /perk/6 - 142 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /static/7dd032a1be4383284dfd.hot-update.json - 0 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /perk/6 - 138 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /static/7dd032a1be4383284dfd.hot-update.json - 0 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /perk/6 - 139 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /static/7dd032a1be4383284dfd.hot-update.json - 0 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /perk/6 - 138 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /static/7dd032a1be4383284dfd.hot-update.json - 0 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /perk/6 - 141 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /static/7dd032a1be4383284dfd.hot-update.json - 0 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /perk/6 - 141 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /static/7dd032a1be4383284dfd.hot-update.json - 0 0|web-clie | 2018-02-07 00:30 +00:00: 200 GET /perk/6 - 142

"webpack": "3.5.5", "webpack-bundle-analyzer": "^2.9.1", "webpack-dev-middleware": "1.11.0", "webpack-hot-middleware": "2.18.0",

webpack 配置：https ://gist.github.com/cgray9/0333b4b4278da06a17395c7967ca489a

开发中间件：https ://gist.github.com/cgray9/0333b4b4278da06a17395c7967ca489a

注意：此问题仅在 Chrome 中出现。HMR 在 Safari 中运行良好。

我试过卸载 Chrome 并删除它的所有应用程序文件，但没有成功。

感谢您的时间和帮助。我花了几个小时试图弄清楚这一点，但似乎无法深究。

我有这个反应组件：

和 scss 文件：

当我加载我的 html 时，当我期望它是 div 时，它没有类名<div class="bunny">

当我将类名放在反应组件中时，字面上是这样的：

然后我可以在浏览器中看到类名。

我究竟做错了什么？

非常感谢你。

我正在使用https://github.com/react-boilerplate/react-boilerplate上的样板。问题是，当我点击 API 时，它返回错误 404。我无法从它设置主机的位置获取（它总是在 localhost）。浏览器上也没有出现 CORS 错误。

在此之前，我正在研究 create-react-app，我在 package.json 中简单地放置了一个“代理”属性，一切正常。

今天我第一次设置这个样板，我会说这有点令人困惑_:)

Login这是我的组件选择器文件

这是描述Login组件状态的reducer文件

现在的问题是它给出了错误，因为 loginState.get 不是一个函数。

PS 我引用了 React-boilerplate [ https://github.com/react-boilerplate/react-boilerplate]的代码，基本上是复制粘贴代码（学习阶段）。

我只是想知道你们采取了什么方法来实现当令牌过期并且从后端收到 401 未经授权的响应时注销用户的功能。目前我正在使用 axios 拦截器。

我对几个月的经验反应有点陌生，我正在做这个项目，我需要实施动态路线。为此，我正在使用此route.js文件。

在path: '/:urlKey'这个组件上被导入并通过使用this.props.loadPageData(this.props.params.urlKey);我调度一个动作componentWillMount()来为路由启用 ssr。为了从目录组件启用路由，我也需要从中分派一个操作routes.js。

我的组件文件coatalog.js

我的问题是，在路径localhost:3000/:urlKey的第一次渲染中，组件渲染了两次，因为我分派了两次动作，即 incomponentWillMount()和routes.js。我需要帮助来改进此代码，以通过阻止routes.js在首次加载应用程序时调度操作来停止重新渲染组件。

我正在使用 react-boilerplate [3.5.0] 并尝试安装 react-toolbox。安装后我们应该运行命令npm run build:dll，现在它给出了错误=>

之后，我什至安装了所需的 postcss 版本 [6.0.17]，但仍然出现此错误。如果有帮助，这是日志文件。

https://drive.google.com/file/d/1f7qbz4pHCuZC9b6s8NqzZHpFAIMloqLZ/view?usp=sharing

我已经像这样导入了firebase，

然后我得到了这个错误：

所以我尝试了这种方式。

然后我得到了这个错误。

有谁知道如何处理服务器端渲染与 webpack、firebase 的反应？

谢谢。

好吧，我想将react-boilerplate项目部署到我的数字海洋 vps 服务器上。命令npm run start:production按地址运行应用程序http://XXX.XXX.XXX.XXX:3000/。

我将在没有端口的情况下运行服务器，例如http://XXX.XXX.XXX.XXXor http://my-domain.com。

如何为生产模式设置端口或域？

我将永远在服务器中运行react-boilerplate应用程序。我找到了永远，我不确定如何将参数传递给永远。运行服务器的命令如下：

PORT=80 npm run start:production

好像forever start PORT=80 npm run start:production对我没有帮助。