问题标签 [create-react-app]

我已经为 React Web 应用程序使用了 create-react-app 入门工具包。

在加载仪表板时，仪表板页面会呈现一些静态内容以及两个链接编辑配置文件和更改密码。但是在单击编辑配置文件时，路径 /dashboard/editprofile 会被调用，但仪表板页面（即父组件）再次与子组件（即 editprofile）一起呈现，因此会发生闪烁。

即使该组件没有更改，父组件（即editprofile）也会重新渲染。请帮助我解决如何避免闪烁或在未发生更改时避免重新渲染父组件。

我使用带有某种热重载功能的create-react-app生成了一个反应应用程序。显然，当我保存文件时，浏览器应该重新加载页面。这仅在某些时候有效。每当我进行更改时，我都会看到：

当我手动重新加载时，我也看到了同样的情况。我在 macOS Sierra 上使用最新版本的 Google Chrome

我提前为这个愚蠢的问题道歉。

我使用 creat-react-app 样板创建了一系列组件。我将它们导入到 app.js 中，它们按预期呈现，但是如果我尝试使用 app.css 通过给我的组件一个 id 标签来移动页面上的组件。什么都没发生。

我错过了什么？我认为一旦导入组件，您就可以将其视为页面上的另一个 html 元素。

我再次为这个简单的问题道歉，并感谢任何帮助。

根据要求的代码：

我的组件之一；

这是 App.js：

这是 App.css：

我刚开始使用create-react-app在 React 中编码。在文档中说

如果您进行编辑，该页面将重新加载。

我不知道哪个模块负责自动重新加载（webpack 或 react-hot-reloader？），但它不起作用。我使用不同的编辑器（Sublime、VIM、..）编辑了文件，但似乎问题出在其他方面。任何建议如何调试它？

好的，所以我有一个非常简单的应用程序create-react-app。现在，我使用ExpressJS来处理我在componentWillMount()方法中的 react 应用程序中使用$.ajax()方法进行的 API 调用。

所以所有的 React 前端都有一个简单的表单，有 1 个输入字段并像这样提交：

现在我的快速路线如下所示：

问题

当使用npm start运行create-react-app时，它会转到localhost:3000到 Webpack 本地开发服务器，当我使用节点 server/app.js在我的服务器目录中启动我的 app.js 时，它会转到localhost:3001因为它们不能在同一个端口中运行。

因此，如果没有显示 POST 请求失败的错误，我无法进行正确的 API 调用。

所以现在的黄金问题是如何从本地服务器上的 2 个不同端口进行 API 调用？

如果您需要有关我的代码的更多信息，我将非常乐意发布它。非常感谢您的帮助，谢谢！

当我npm run test为提供的示例测试运行 create-react-app 应用程序时出现此错误。我试图寻找 EMFILE 错误，但我无法理解出了什么问题。

Error: Error watching file for changes: EMFILE at exports._errnoException (util.js:1022:11) at FSEvent.FSWatcher._handle.onchange (fs.js:1406:11)

我正在使用从https://github.com/facebookincubator/create-react-app创建的 ReactJS SPA

我正在使用 S3 和 Cloudfront 为我的网站提供服务。一切正常，直到我重新加载页面 - 它抛出一个错误（在我的情况下访问被拒绝），因为它无法在没有 Hashbang 的情况下处理。

注意：如果我输入带有 hashbang 的 URL，它可以正常工作

所以本质上，这有效：https://example.com/#/dashboard（重定向到https://example.com/dashboard）

但是如果我刷新页面，它会给出如下错误：

我们使用 browserHistory 来维护路由。我只显示相关代码：

尝试为客户端应用程序创建服务器端 API。客户端完全写在反应上。在开发中使用端口 3000 上的 webdevserver。服务器正在侦听端口 3001。我已将代理添加到package.json客户端应用程序的文件中，如下所示：

但是一旦我请求服务器 API，它就会失败：

响应对象为空。如果我尝试使用 3001 端口请求 API - 一切正常。似乎 web-dev-server 没有代理请求，或者我错过了一些额外的配置选项？

什么是让配置工作在反应中的正确方法？实际上，我想使用 .json 文件（-s）进行配置，但这不是必须的。有人建议更改 webpack.config.js 以向 webpack 显示附加配置的位置，但在 create-react-app 中我无权访问此配置文件。

我最近更新了我的 web 应用程序项目以使用“create-react-app”而不是捆绑在一起的 Webpack 和 Babel 配置。

以前，WebStorm 中的调试与 JetBrains Chrome 扩展完美配合。

但是，现在，当我在项目的 JavaScript (.jsx) 文件中设置断点时，它不会在断点处停止。但是如果我在 index.html 文件中的内联脚本上放置一个断点，它可以工作，如果我启用“异常中断”，它在这种情况下也可以工作。

我真的很困惑。任何帮助或建议都会很棒（可能很简单）。