问题标签 [react-boilerplate]

我目前正在尝试将 CSS 样式恢复为React Boilerplate，并且能够让 css 样式在开发环境中成功加载。当我尝试捆绑项目进行部署时，webpack 和 ExtractTextPlugin 没有创建 css 文件。

版本：

有人可以看看我下面的 webpack 文件，看看没有创建 css 文件的可能原因是什么？

相关的 webpack.prod.babel.js：

相关的 webpack.base.babel.js：

I'm using react-boilerplate and I'm trying to change the App component to extend React.Component, since I'm trying to implement authentication and displaying/showing side menu depending on authentication state by following this example. As you can see, originally props are passed to App via props parameter. I've changed the App/index.js class to this:

This throws an error that props are not defined:

ReferenceError: props is not defined App.render **/App/index.js

You can see how root route is instantiated here:

Any help would be appreciated.

我已成功生成生产文件并从节点产品服务器（内置于 react-boilerplate 中）运行。当我从 IIS 配置的 URL http://localhost/abc/运行项目时，我收到控制台错误： GET http://localhost/main.21e300b8d1fb516da3f2.js和 GET http://localhost/main.7298ab25765cc3b7f65141e9b8a880ff.css

该路径似乎指向 localhost 的根目录，并且似乎不包含“/abc”。

我已经像这样设置了我的 webpack 配置：

我的 Webpack 配置中是否有我缺少的设置？谢谢你的帮助。

我将React Boilerplate与React Redux Toastr一起使用，我希望能够使用React Intl的消息调用 toastr。

我试图在一个组件中调用它，但是当 toastr 进行状态更新时，Reacts 警告我这是一种反模式。我也尝试在传奇中调用，但我无法包含 Intl'messages。

用国际化消息调用 toastr 并充分利用 redux 的最佳地点是什么？

我是 ReactJS 和 Webpack 的新手，我正在使用 react-boilerplate，我正在尝试向具有自己的一组外部库的样板添加一个模板。

我面临的问题是每次我尝试包含链接到这些外部库的标签时，webpack 都会重新编译这些文件并更改内容。这是抛出一个错误。

在运行时，如果我检查jquery.min.js的来源，它的内容就会改变。

我不确定要在配置中更改什么，或者我做错了什么。

我试图在我的本地机器上运行 react-staic-boilerplate 而不使用节点，方法是打开公共文件夹下的 index.html 文件（在运行 yarn build/npm run build 之后）。

当我双击 index.html 以在 chrome 上提供服务时，检查员告诉我到 /dist/main.xxxx.js 的路径是错误的 - 这很好，我去手动修复 index.html 中的路径错误。但随后 index.html 立即将我重定向到 404 页面，告诉我找不到 Pages xx。我尝试调试是徒劳的，但是在 webpack 编译整个东西之后有 30k 行代码。

为什么会这样？在不依赖服务器端技术（节点）的情况下，构建的静态文件不应该在 chrome 上工作吗？

我的意思是，当我将整个公用文件夹上传到 aws s3 时，index.html 工作正常。在我将 s3 上的入口点指向 index.html 后，主页、链接等一切正常。

因此，如果我理解正确，aws s3 只是提供文件，如果它在 s3 上工作，它应该在本地机器上工作（没有节点，因为 react-static-boilerplate 可以是纯客户端而不依赖于服务器）。

有人会帮我吗？后端团队领导拒绝批准任何类型的反应样板，除非我们可以向他证明它在 chrome 客户端上 100% 运行而不使用节点/服务器端的帮助。

我在内部使用带有 react-router 的 react-boilerplate (3.4.0) 进行路由。

我试图创建一个链接：<a href="#anchor-tag" ></a>

当我点击它时，我希望滚动到 divid=anchor-tag

它只是滚动到页面顶部，即使我使用 Link 组件而不是 < A > 标记。我们是否必须关心使用 <A> 或 <Link> ？

我们应该如何在 react-router 中创建锚标签？

我有一个名为 Login 的组件，以及这些选择器：

以下是“登录”组件的状态：

在另一个组件中，我想选择“用户”对象。

在我的文件顶部，我有

当我使用“selectUser()”时，我得到“loginState.get 不是函数”。

如果我删除对“selectUser()”的所有引用，我可以访问 this.props.login.user。这对我有用，但我想知道为什么我不能从“登录”状态中选择。这些示例在选择器中使用相同的“子状态”约定，并且它们有效。有任何想法吗？

我对 react 很陌生，并且一直在使用 react-storybook 构建组件来自学 React UI。我也在尝试学习 react-bootstrap，推荐用于 react Facebook 样板。

当我尝试加载使用 react-bootstrap 的组件时出现错误

这是错误：

这是我的 config.js

这是名为 MenuHeader 的导航栏组件

这是 index.js

任何帮助将不胜感激

当我在 react-boilerplate 中执行“npm run build”时，我将 javascript 文件缩小为一个。在构建版本中避免缩小的选项是什么。我需要在特定环境中进行测试。