问题标签 [react-scripts]

在一个小型 create-react-app 项目中，当通过 Docker 运行时，我们的 bundle.js 文件的下载时间非常糟糕。

当react-scripts start在本地运行时，我看到新编译的捆绑包下载需要 1.4 秒：

当通过 Docker Compose 运行 Docker 时，我看到新编译的捆绑包下载需要 1.4 分钟：

需要注意的一点——通过 Docker 运行时的编译步骤完成得足够快，但是浏览器上的这个下载过程太慢了。

这对我来说似乎很疯狂。我有大量的 Docker 经验，我希望应用程序在通过 Docker 运行时运行速度会变慢，因为抽象为虚拟机，尤其是前端应用程序，但不会是一个完整的数量级。

谷歌搜索并搜索 create-react-app 问题并没有为我提供任何导致此问题的线索。

关于我的 Docker 环境的更多信息——这是我们用于前端服务的 Docker 组合条目：

由于我的 google-fu 失败，正在寻找开始调试的地方。

这是我的情况，

我正在公司防火墙后面创建一个反应应用程序。我的 api 服务器在不同的位置远程运行。如何在 package.json 中设置我的代理，以便我可以通过 corp 代理访问 api 服务器？

到目前为止，我尝试过的配置是这样的：

我尝试了其他几种组合也没有任何运气。我有什么遗漏或错误吗？

此外，我的 npm 已配置，因此它具有 http 和 https 代理设置。

扩展运算符不起作用

收到错误“unexpected token this”下面是我们使用过的 package.json

我们尝试了不同的插件，但没有运气。transform-object-rest-spread 出现运行时错误。我们必须动态更新按钮属性，传播运算符是唯一的选择。

关于问题的背景故事：

嗨，我有一个反应代码，npm start 可以工作，但 npm test 没有，我的 npm test 可以工作但 npm start 没有的相同代码的版本略有变化。我现在正试图弄清楚如何让我的测试在 npm start 工作的代码上运行。直到完成测试后，我才意识到视觉差异，现在我无法将测试转换为适用于 npm start 工作的代码。代码的不同之处在于我的 npm start 工作代码在 state ={/*multiple things*/}外部，constructor(props){}并且必须function = (value) => {}在 npm test 工作的代码上调用 react 应用程序state ={/*multiple things*/}中的constructor(props){}所有函数，以及反应应用程序中的所有函数不得不被叫去function(value){}工作。

问题：当前错误：

错误

包.json

.babelrc

应用程序.js

如何修复此代码，使其不会在编译时崩溃？

我使用 facebook/create-react-app 创建了一个反应应用程序，并成功地在http://localhost:5000上运行了生产构建。

我的问题是有什么办法可以改变这个生产版本中的 5000 PORT 吗？

根据 Advanced Configurations，生产中无法更改 HOST 和 PORT，仅可用于开发

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#advanced-configuration。

这是我的 package.json

这是我的 .env

我正在处理一个包含许多使用 . 创建的 Node 包的存储库create-react-app，所有这些包都是由 CI 系统构建和测试的。每个包的构建/测试，react-scripts build由完成react-scripts test --silent，当前产生超过 20 行输出，生成一个包含超过 100 行材料的构建日志，例如“gzip 后的文件大小”和“在此处了解有关部署的更多信息”。这使得在该日志中查看错误消息、警告或其他问题变得更加困难。

除了为每个软件包编写我自己的自定义构建脚本（也可能还有测试脚本）之外，有什么方法可以让我平静下来吗？如果我确实需要自定义脚本，那么尽可能多地重用正在进行构建和测试的现有代码的最佳方法是什么？

说webpack配置如下

现在的构建webpack是

以及来自 react-scripts 的构建（静态包含单独文件夹中的 css、js 和媒体）

问题：webpack 与 react-scripts 构建相比有什么特定的优势吗？（包括但不限于性能）

注意： package.json 被编辑来实现这一点。

嗨，我是 reactJS 的新手，最近正在通过从 开始create-react-app并修改它来学习 reactjs。我的疑问是如何create-react-app检测文件中的更改并自动重建它们。我使用了一个普通的nodejs + react + webpack应用程序，因为我必须手动指定npm run buildandnode start之package.json类的

如果上面的 create-react-app 不同

是什么让create-react-app和普通node+webpack+react应用程序在重建源代码方面有所不同？（启动服务器似乎并不重要，因为一旦启动，它将在两种情况下都在端口上运行。对于服务器重启，两个应用程序都需要终止进程并重新启动。所以构建源代码是我唯一关心的问题）。任何帮助表示赞赏。

我的 Dockerfile 正在使用 alpine 并在全球范围内安装 react-scripts。当它尝试安装它时，它会因“无法获得 uid/gid”错误而失败。我在 npm install -g 命令中添加了“---unsafe-perm”选项。docker 容器已成功创建，但容器中的权限已针对已安装的文件发出消息。我看到所有用户名和组都设置为 1000。我尝试在安装步骤之前将以下命令添加到 Dockerfile 中，但这没有帮助。

构建错误

Dockerfile

当我启动节点包管理时，会出现这个问题：