我正在配置 react-boilerplate 以在其上启动一个项目。

我们的开发环境在子路径中发布应用程序的“开发”版本，例如：example.org/test/project-name

然后，当我们发布项目时，它会继续运行example.org/

我想使用浏览器历史记录（HTML5 API）而不是哈希历史记录。但这意味着我必须设置basenameReact Router 以匹配当前环境。

现在，我正在尝试以这种方式设置静态基本名称：

但是当我运行应用程序时，主页仍然位于/而不是/test/project-name/.

所以，问题是：

1. 我究竟做错了什么？
2. 您如何使基本名称与当前环境匹配？

谁能推荐一种将本地字体合并到 Max Stoiber 的react-boilerplate中的简单方法？我是 webpack / css modules / PostCSS noob，我发现设置很困难。任何有关结构的指导将不胜感激！

当我npm install从 react-boilerplate 项目运行时，我的几个 3rd 方模块会发出如下所示的错误。所有这些模块在其他节点项目中都可以正常工作，只是在 react-boilerplate 中不行。有谁知道如何解决这些问题？

我正在使用redux-saga并使用expect进行测试。根据（惊人的）React Boilerplate中给出的示例，测试从 Store 获取所需数据的 saga（使用选择器）是没有问题的。

但是，我的一些 sagas 依赖于已调度操作中包含的数据：

为了测试这一点，我正在导入 saga，然后调用它：

正因为如此，没有任何动作可以启动 saga，所以 的值id总是为假的。

我的动作和减速器是分开测试的：当像这样以独立的方式测试 sagas 时，有没有一种简单的方法可以让它工作？

我正在尝试在 React 中使用 React Hot Loader。我通过运行“npm install --save-dev react-hot-loader”安装了 react hot loader。我试图遵循http://gaearon.github.io/react-hot-loader/getstarted/但无法理解。我附上了我的 webpack.config.js 和 package.json。我按照文档中列出的内容进行了更改。但我无法即时看到我在组件中所做的更改。怎么了？

webpack.config.js

来自 package.json 的脚本

索引.html

我正在为我的 reactjs 项目使用 css 模块。这是我尝试使用全局 css 类的文件：

这是我的styles.css

但它不起作用。我认为我在导入时犯了错误。如何导入全局 css，然后在我的应用程序中使用它？

好吧，我是新手，很抱歉犯了愚蠢的错误。

我很想将一个容器嵌套到另一个容器中，这样我就不会得到应用程序主页处理的大量代码。我觉得所有这些逻辑都应该分布到较低级别的容器中，但我找不到最好的方法来做到这一点。这个想法是让一个主容器使用多个容器，每个容器都有自己的逻辑、reducers、动作等，这样主容器就不会太难管理。

在这一点上，我最好的方法是：

• 创建一个连接 mainContainer 和 nestedContainer 的特定选择器，
• 使 mainContainer 减速器将嵌套容器减速器包含在状态中，并且
• redux.connecting mainContainer 的 componentWillMount 函数内的嵌套容器。

我觉得这个过程过于复杂。我错过了什么吗？这是一个好习惯吗？我应该继续尝试这样做吗？

我有一个传奇来处理类似的请求。用户单击按钮来切换照片的喜欢状态。

saga 监听 type 的动作SUBMIT_LIKE。我的问题是submitLikeSaga每个SUBMIT_LIKE动作运行两次。例如，在 api-error 情况下，一个SUBMIT_LIKE动作触发两个 api 调用和四个RECEIVE_LIKE动作。

（如果有帮助，请使用react-boilerplate 。）

编辑：添加中间件并查看代码。

ProfileGrid.js

动作图标.js

store.js

asyncInjectors.js

我在 Python 和 Flask 方面有超过 10 年的经验，主要关注后端和很少的 HTML + JavaScript，但是零 CSS。大约 6 周前，我开始使用 React 和 JavaScript，并使用不需要太多样式的 react 制作了简单的应用程序。但是，现在我需要使用索环进行样式设计，使用 React 做一个体面的项目。

我从 react-boilerplate 1开始。在阅读了 react-boilerplate scss 文档和 //github.com/grommet/grommet-standalone 自述文件后，我的理解是，我需要更改 webpack 配置以使 scss 加载程序正常工作。

我的环境是 win8.1 x64，节点 6.4.0

这是我改变的。

1. 都安装了sass-loader&node-sass

2. 在internals\webpack\webpack.dev.babel.js改变

至

注意额外的 !sass-loader 根据 //github.com/mxstbr/react-boilerplate/blob/master/docs/css/sass.md

3. 将以下内容添加到internals\webpack\webpack.base.babel.js

{ test: /\.scss$/, loader: 'style!css!sass?outputStyle=compressed' }

@ 第 40 行就在 css 块下方，并且

@line 62[ 第 58 行，如果你在 master 分支中查看 @github 源代码 //github.com/mxstbr/react-boilerplate/blob/master/internals/webpack/webpack.base.babel.js，+4 是因为为 scss 块添加了 4 行]

4. '.scss'在resolve.extenstions数组中添加的同一个文件中。

5. 现在，在这些更改之后，我运行 npm start 并将以下行添加到app\containers\App\index.jsNow 在这些更改之后，我运行 npm start 并将以下行添加到 app\containers\App\index.js

   import 'grommet/scss/vanilla/index';

根据此处的文档 //github.com/grommet/grommet-standalone

在 cmd.exe 控制台中，我收到以下错误

不用说已经安装了索环，并且文件存在于带有 scss 扩展的所需位置。我当然可以使用扩展名导入，因为import 'grommet/scss/vanilla/index.scss我收到以下错误

我在这里遗漏了一些非常明显的东西吗？看起来好像 scss 加载程序不工作。如果您已成功使用带有 react-boilerplate 的扣眼，请发布您所做的更改。

PS：Stack Overflow 告诉我，我不能发布两个以上的链接，所以我修改了链接以省略 https: 从 url，请手动添加。

我有一个非常奇怪的问题。我从这里克隆了 react-boilerplate 存储库：

https://github.com/mxstbr/react-boilerplate

我添加以下依赖项：

当我运行“npm run setup”时，文件 internals/scripts/setup.js 被删除，这意味着我下次运行“npm run setup”时会出错。

任何关于如何发生这种情况的建议将不胜感激。