问题标签 [react-scripts]

通过 构建 React（使用通常react-scripts/create-creact-app等）应用程序时npm build，我总是在build/index.html.

我已经尝试将 移动src到子文件夹中，但index.js需要在src/index.js.

那么如何更改的输出路径index.html？

例如，我想将其重命名为index.htm，因为我有一个迂腐的怪癖，或者我想将输出路径更改为build/srv/www/index.html？

（这些只是示例。）

我正在使用 redux 存储库的 reduxsauce 库，并且我想对其中的单个 redux 存储进行单元测试。还原文件：

考试：

错误：

现在，我将存储配置在不同的文件中，但减速器组合在不同的文件中：

任何人都知道如何测试 redux 操作等。使用普通的 redux，我可以找到很多文章，但使用 reduxsauce 库，我似乎找不到任何东西。请问有什么线索吗？

我正在尝试在 React 加载之前添加启动画面。

因为我使用的是反应脚本/反应应用程序，所以我的 index.tsx 只有这一部分：

我尝试在同一页面上添加我自己的 div，但它没有显示。

我想在反应加载之前在 1 秒计时器上显示一个简单的空白屏幕和我的启动图像，以避免/隐藏渲染元素的移动。

** 如果我确实在 app.tsx 中添加了屏幕，则移动会在屏幕加载之前发生

更新

正如 Rishabh 在下面指出的，index.html 位于 /public 文件夹中。所以我最终结合了两种方法。

1. 在反应开始之前添加一个屏幕：

   /li> 2.

加载适当的装载机非顶部 0.5 - 1 秒

到目前为止，这种方法效果最好，但如果我发现问题或更好的东西会更新

我已经更新了我的项目以使用最新版本的 node 和 yarn，在这次升级之后，现在我的 react 项目不想使用“browserslist”。

我运行“yarn start”并得到这个错误：

我有以下版本：

• 节点 v10.15.3
• npm 6.9.0
• 纱线 v1.15.2

而我的 package.json 它

对我来说，它与 css-loader 有关的问题，我尝试解决问题并将 css-loader@2.1.1 添加到 package.json。我尝试使用其他解决方案，但没有一个有效。

我有一个非常简单的测试

此代码失败：

错误：

容器确实存在。

我认为这是一个常见问题，因为 ComponentDidMount 在渲染之前执行？

运行命令：

npm test=>"test": "react-scripts test --watchAll=false"

版本：

我正在遵循本指南https://docs.rollbar.com/docs/react#section-create-react-app并遇到意外行为：

内部/public/index.html：

输出：

为什么第一个日志是false？

我上线了react-scripts@2.1.8

首先，我将为这个问题提供一些背景信息。

我正在开发一个 npm 库。在项目文件夹中，我有另一个名为“example”的文件夹，用于测试库。结构如下所示。

根 package.json 具有依赖项babel-jest。example/package.json 具有依赖项react-scripts。在示例目录中运行时react-scripts start，会出现以下错误，

据我了解，这是因为 example/ 目录中的 package.json 继承了（不确定这是否正确）根 package.json 的依赖项。

也就是说，我可以使用安装在根 package.json 中的依赖项，在 example/ 的 src/ 内，这在某些情况下很方便。但这对我的用例来说是一个障碍。

我怎样才能防止这种行为？（不改变目录结构）

谢谢你。

我们react-scripts通过命令来运行我们的测试react-scripts test。在本地，我们有自己的测试环境，并使用该.env.test文件作为环境文件（它会自动使用它）。

但是，在我们的 CircleCI 环境中，我们希望使用开发环境运行测试，即使用.env.development. 我不知道如何告诉react-scripts使用 dev env 文件，我已经尝试在运行命令之前设置各种值REACT_APP_ENV和NODE_ENV. 我尝试使用env-cmd模块来指定它使用 dev env 文件（例如env-cmd .env.development react-scripts test），但它仍然使用测试文件。

我知道在 CircleCI 测试命令中，我可以用 dev 文件覆盖测试 env 文件（类似于cp -rf .env.development .env.test && react-scripts test），但我想知道是否有更清洁的方法（因为如果我这样做，如果我们想要在本地使用开发环境进行测试，它会覆盖我们的个人.env.test文件）？

引导 CRA 3.0 应用程序，然后弹出。
检查我的package.json.
发现多个包的用法对我来说不是很清楚。

"semver": "6.0.0"
为什么我需要这个？config/*在nor中没有找到用法scripts/*。它似乎是react-scripts相关包的类似验证逻辑的工件，因此它看起来像是我的应用程序依赖项中的一个臃肿。

"react-app-polyfill": "^1.0.0"
IE等的Polyfills？好的，但为什么要单独包装？core-js在or之上使用一些未知的包对我来说很可怕babel-polyfill。同样，在初始代码库中没有发现任何用法。

PS我不是在问这些包是什么，我是在问为什么我看到它们在弹出的脚本中没有使用

更新：react-app-polyfill/jsdom在 Jest 设置文件中使用

按照此处找到的测试连接组件的简单指南，我已经通过这种格式的测试几个月了：

将 react-scripts 升级到 3.0.0 后，我现在感到害怕：

错误。我必须完成所有更简单的连接测试并实现：

我很好，redux-mock-store但这是大量的流失和重构。我是升级后唯一看到这个的人react-scripts吗？

@markerikson：我以前没有store作为道具传递。实施的升级如下（我保存了这次的输出，ncu因为在单独的项目中发生了同样的事情）。刚刚注意到它react-redux也被撞到了完整版......