问题标签 [react-boilerplate]

我开始为我的项目使用 react-boilerplate，我试图弄清楚路由是如何在那里工作的。您能否在文档或应用程序中向我解释这个示例？

• 为什么getComponent()相对于简单的 react-router 路由定义功能这么大<Route path='somepath' component={SomeContainer} />？
• 我们为什么要调用injectReducersand injectSagas？

谢谢！

我在另一台机器上设置的 javascript react 项目不会在另一台机器上运行。我得到的错误信息太少了，我不知道从哪里开始寻找。

据称抛出上述错误的函数：

我什至如何开始研究这个问题？

编辑：原始机器是 debian 服务器 8.6，这个是 ubuntu 服务器 16.04。

嗨，即使它显示在 react-dev 工具中，我也看不到月视图。周视图工作正常，但月视图不显示任何内容。PFA 下面的代码。

这是周视图图像。

这是月视图图像。

我即将重做从 Angular 1 到 React 的代码切换。我使用React Boilerplate已经有一段时间了，它使用 React Router v3，我真的很喜欢这个设置。我的 Angular 项目使用像example.com/#/about这样的 URL ，我真的不喜欢这个#标志的概念，所以我想让 URL 看起来像example.com/about。

问题是一些 URL 已经公开，所以我希望它们向后兼容。例如，如果用户去/#/about，那么他们将被自动重定向到/about。

如果你了解 React Boilerplate 的生态系统，那将会很有帮助。我知道重定向的概念很简单，但我想在样板文件中以一种干净的方式做到这一点。有任何想法吗？

谢谢！

我正在尝试为以下 Reactjs 组件编写测试代码。这是我在 ReactJs 中的第一个单元测试，我发现如何正确编写它有些困难，尤其是对于下一页中的函数。

我使用反应样板对整个项目进行编码。

组件：index.js

组件测试文件：index.test.js 是从框架本身派生的默认页面。

请有人帮助我。

我正在使用使用 Redux 的 React Boilerplate。我已下载 Redux Chrome 开发工具，但一直收到此错误

combineReducers.js:29 The previous state received by the reducer is of unexpected type. Expected argument to be an instance of Immutable.Iterable with the following properties: "route", "language", "global".

我一直在调试这个东西，但无济于事。我所看到的是combineReducers返回一个函数，它的第一行是

var inputState = arguments.length <= 0 || arguments[0] === undefined ? _immutable2.default.Map() : arguments[0];

我注意到这里的断点命中了两次。第一次，论点正是它们应该是的

但是第二次我的论点看起来像这样

出于某种原因，arguments[0]从 Map 类型更改为文字对象。所以两个问题：

• 为什么 Redux 在 INIT 上多次运行 combineReducers？
• 为什么初始化时我的参数会改变？

这是 React Boilerplate 中 store.js 的代码。我只添加了对persistStore 的导入和调用。

编辑

这是主要的reducer文件。它引入了其他减速器文件。

我有一个基于react-boilerplate的项目。

这个种子项目将服务器和客户端代码保存在同一个仓库中。

我想使用socket.io。

所以我输入：

这会将 socket.io 添加到package.json.

但我认为这会被 webpack 用来尝试创建一个包。

然后失败了，因为 socket.io 是一个 Node.js 模块，它依赖于 Node.js 之类的东西fs。

在这种情况下，如何阻止 webpack 尝试捆绑 socket.io？

我正在使用 React Boilerplate，并.env在根目录中有一个单独的来表示我的服务器是开发、登台还是生产。但是，我意识到对于我的设置，这不是最好的路线。然后我了解到，在 package.json 中有一段代码实际上显示了生产环境变量，如下所示：

从这里，我想添加开发和登台，但我不断收到一个 webpack 错误，上面写着

我的补充就像

任何想法？

我有 webpack 应用程序，当我在开发模式下编译它时，一切正常，但是当我在生产模式下编译它时，我遇到了这个错误：

我看到包含 err 的行有let关键字。

我知道UglifyJsPlugin不支持 ES6，但是我应该怎么做才能将 ES6 代码转换为 ES5。

的代码2.7e881e81db9016b449f9.chunk.js:169似乎不是我的。

这是我的webpack.prod.bable.js：

这是我的webpack.base.babel.sj：

* 常见的 WEBPACK 配置 */

编辑

这是我babel config的package.json

我对 react-boilerplate 或 webpack 没有太多经验，但似乎不可能，因为目标是 web。我玩过 webpack 的配置，但没有成功。有没有人设法设置它？任何提示、链接或示例将不胜感激。