问题标签 [react-boilerplate]

我很难将依赖项添加到新生成的 react-boilerplate 项目中。我面临这个错误：

像这样将此依赖项添加到 package.json 之后：

以及现有的 index.html，例如 app/containers/App/index.js

如果我从 index.js 中删除 import 语句，错误就会消失。

我不知道发生了什么，所以任何建议都会受到赞赏。

更多细节：

我开始克隆这个存储库：

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

然后我运行 npm run setup。然后我将依赖项添加到feathers-client，我得到了错误。

我还应该提到，当我添加诸如 request、feathers-rest 和 request-promise 之类的依赖项时，我会遇到类似的错误。

如果我添加诸如蓝鸟之类的依赖项，我不会遇到错误。

我还没有找到一个明确的模式来解释什么依赖关系会导致这个错误。

我正在使用 css-modules 和 postcss-cssnext ，特别是它的 postcss-custom-properties 功能

我也在使用 react-boilerplate ( https://github.com/mxstbr/react-boilerplate/ )，这个非常好的样板带有这些模块

我的文件夹结构是：

应用程序/styles.css

我想在 App/styles.css 中使用这些变量（或者我很乐意在其他地方定义它们，在这种情况下我该怎么做）在其他容器和组件中

我已经尝试过（用于在 css-modules 中使用）

主页/index.js

HomePage/styles.css -- 方法一

HomePage/styles.css——方法2

什么是最优雅的解决方案？我想将所有变量放在一个文件/一个地方，并在所有 css 文件中很好地使用它们

我还看到了variablespostcss-custom-properties https://github.com/postcss/postcss-custom-properties#variables。但我不确定如何在使用 postcss-cssnext 的 webpack 定义中使用

webpack.dev.babe.js - 如何将 VARIABLES 选项放在这里

我在 IE 11 中有一个使用 redux-saga 的 React 应用程序

它似乎因以下错误而中断

请注意，此应用程序在 Chrome 和 Safari 中的过去 3 年版本中运行良好（除了一些显示问题）

sagas.js

控制台错误

我正在使用https://github.com/mxstbr/react-boilerplate 并想模拟和监视我的导入以进行单元测试。我在 package.json 中导入了 babel-plugin-rewire 作为 dev 依赖项

我还添加了 babel-plugin-rewire 作为测试插件

在我的 package.json 中的 babel.test 部分。

最后在我的 webpack.test.babel.js 中我添加了

然后当我跑

我收到一个奇怪的错误说

我错过了什么？有人用 babel-plugin-rewire 设置了 react-boilerplate 吗？

奇怪的是，reducers.js 在我的 test.bundler.js 中排除了错误

我redux-form使用这个模板安装，附加减速器并检查它在 redux devtools 中运行良好。

我可以看到打字时动作流程很好，但每次击键后表单值和输入都是空的。

控制台中没有错误，我找不到任何线索。

我遗漏了一些小东西，可能是组件渲染或者可能是关于反应版本......

我的包裹：

我的登录表格：

我正在使用使用出色的DllPlugin的 mxstbr/react-boilerplate，但由于应用程序由 nginx 下提供，因此在尝试从根 url 获取文件时失败并出现 404（它命中而不是）。/adminreactBoilerplateDeps.dll.jshttp://localhost/reactBoilerplateDeps.dll.jshttp://localhost/admin/reactBoilerplateDeps.dll.js

是否有任何与 Webpack 在 DllPlugin 上的publicPath选项类似的概念，或者以任何方式告诉 DllPlugin 在路径前缀下使用？

当我安装 react-icons 并尝试导入时

import FaBeer from 'react-icons/fa/beer';我收到一个错误

如果我将导入更改为import FaBeer from 'react-icons/lib/fa/beer';我得到

阅读错误消息，我发现我应该更改我的 webpack 配置。

所以我改变了排除语句

至exclude: /node_modules\/(?!(react-icon-base|react-icons)\/).*/,

现在我可以import FaBeer from 'react-icons/fa/beer';

但是，当我在渲染方法中使用它时，它会给我一个错误

warning.js:36Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method of法比尔.

那我怎么喝啤酒呢？

所以我正在尝试使用react-boilerplate在 React 中实现用户角色/权限实现。然而，这里使用的路由在某种程度上是动态的，与标准相反

<Router> <Route><Route> </Router>

格式。

现在我已经看到了这个功能onEnter，react-router我的同事告诉我这可能对用户角色有用。

所以我想知道是否有办法通过动态路由访问它？从我从 的路由代码片段中可以看出，react-boilerplate我无法声明它。

应用程序/routes.js

PS。我也看到了这个react-router-role-authorization，并且想知道我是否可以将它与当前设置集成react-boilerplate？

我有一个关于 redux saga 取消效果的错误。

我的 reactjs 应用程序中有以下 redux 商店：

这是我处理 changeForm 操作的 LoginForm：

这里是 , 它包含 并且包含在

这是我的

这是我处理登录的传奇：

我试图理解为什么根传奇中的取消会引发错误：

如果我删除取消，登录时离开和离开页面将导致这个 sagas 的倍增。

有没有办法让这个错误消失？我试过一个try catch块，但它没有用。

我正在尝试熟悉react-boilerplate的流程。直到现在我都喜欢事物的简洁明了，虽然我觉得我错过了一块拼图。如果有更多经验的人可以帮助我，那就太好了。

我目前面临的问题如下。

• 我正在触发特定组件的 componentWillMount() 中的操作。
• 该操作正在创建actions.js，它是一个简单的获取请求axios。
• 数据在 promise 中间件库中进行处理redux-promise。
• 承诺现在被传递到特定组件的减速器中，其中返回了整个状态和我需要的数据。
• 试图在组件上捕获这种状态是我失败的地方。我正在尝试 mapStateToProps 但无法找到我需要的数据，而是正在接收 Map {}。

如何用我的道具映射这个对象？

我确定我错过了一些重要的事情。

这是我的回购。 https://github.com/paschalidi/blog-react-redux

这是我的代码，因此您可以简要了解一下。

index.js

动作.js

store.js

减速器.js

该动作也在reducers.js中注册