问题标签 [react-scripts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
9819 浏览

npm - 当 npm audit 什么都不做时,如何使用 react-scripts v2.1.5 修复 npm 包大括号问题?

我的 react 客户端文件夹中的 NPM 包给了我 63 个低级漏洞,所有这些漏洞都主要在版本 2.1.5 的 react-scripts 包的 jest 文件夹中处理大括号包。NPM 审核修复不起作用,我该怎么办?

我已经尝试降级到以前版本的 react-scripts,通过更新 package.json、删除包锁、再次运行 npm install 或运行 npm update 来更新大括号,但经过 2 小时的摆弄,没有任何效果。我还尝试在运行时恢复到我的 Github package.json 的先前版本。我相信它在我尝试下载 firebase-ui 后停止工作,但我认为这与更新软件包有关,因为我已经删除了节点模块和 npm 安装了几次。

这是我的干净 package.json 搞砸了。

这是我遇到的问题:

低正则表达式拒绝服务

包大括号

react-scripts 的依赖

路径 react-scripts > jest > jest-cli > micromatch > 大括号

更多信息 https://nodesecurity.io/advisories/786

0 投票
1 回答
1234 浏览

reactjs - 如何在创建反应应用程序中排除名为 test.js 的源被检测为测试文件?

在 create-react-app 应用程序中,我命名了一个源文件:

/src/config/env/test.js

不幸的是,jest 现在正试图将其作为测试来执行,

我试图在我的中添加以下内容package.json

但我仍然有这个错误:

我正在使用反应脚本 2.1.3

0 投票
1 回答
2930 浏览

reactjs - 使用 create-react-app 在 React 应用程序中获取更详细的输出

我已经使用 create-react-app 建立了一个项目。现在我正在另一台机器上工作,突然之间我在两者中都遇到了npm run start错误npm run build

不幸的是,这不足以让我调试任何东西。我假设 Webpack 正在做一些导致错误的有趣的事情。如何获得更详细的错误输出?

0 投票
0 回答
28 浏览

reactjs - 从 src 以外的其他源文件夹运行测试

我有一个使用 CRA 搭建的应用程序。在我的应用程序中,src 文件夹中有两个文件夹。第一个文件夹包含通用组件(如 Buttons、Modal 以及其他自定义元素)。第二个文件夹包含与业务相关的组件,但它们也使用通用组件。

我现在已经开始为我的业务相关组件编写单元测试。当我生成代码覆盖率数字时,我意识到在考虑代码覆盖率时也会考虑通用组件。

我希望我的测试从与业务相关的组件文件夹而不是 src 文件夹开始运行。

在这方面我有什么可以做的,而无需退出 CRA 吗?

0 投票
0 回答
42 浏览

javascript - 反应脚本开始:文件中的引用错误而不使用该引用

好吧,今天启动项目后-运行时出现以下错误npm run start

这似乎是一个奇怪的错误,因为我没有接触过 index.css。index.css 的内容是:

那么什么会导致这个错误呢?更重要的是,我该如何调试呢?

0 投票
1 回答
1058 浏览

reactjs - React App 的 Prod 构建允许 React 开发工具并在浏览器的源选项卡中显示组件

实际上,我正在开发一个 React 应用程序并使用 React Script 2.0 来构建它。奇怪的是,在我使用 react-scripts build 命令编译并使用 Nginx 为应用程序提供服务之后,我仍然可以使用 React Dev Tools 检查状态,而且如果我在 Chrome 中转到 Source,我可以看到我的组件,就好像它们一样没有编译。

有谁知道我做错了什么?

在此处输入图像描述

0 投票
2 回答
9188 浏览

reactjs - 从命令行运行 jest 时“未找到测试”

在构建的 React 项目create-react-app中,测试文件位于需要测试的代码旁边的同一文件夹中,如下所示:

尝试运行npx jest或使用 globaljest时,我得到以下结果:

运行npm test- 反过来运行脚本- 工作正常react-scripts testpackage.json并且能够找到并运行项目中的所有测试(在监视模式下)。

知道如何解决这个问题吗?

环境

  • 节点:10.15.0
  • npm:6.4.1
  • 反应脚本:2.1.3
  • 操作系统:Windows 10 1809 17763.316

jest.config.js

0 投票
0 回答
194 浏览

reactjs - 分叉 react-scripts 以添加自定义依赖项

如果我们有许多类似的项目,Create React App 文档建议分叉 react-scripts (而不是弹出)。这正是我的用例——我正在尝试标准化我在 React 项目中经常使用的包和结构。我想将这些包添加到生成的 package.json 文件中,而不是 react-scripts 的依赖项。例如,在生成的 package.json 文件中,依赖项部分应如下所示:

看来这样做的唯一方法是修改 create-react-app 本身,因为生成 package.json 的代码就在那里

我知道 CRA 团队建议不要修改 create-react-app 本身。那么有没有其他方法可以实现我想要做的事情?

0 投票
5 回答
38522 浏览

node.js - 如何在不缩小的情况下构建 React 的生产版本?

背景

我一直在或多或少地遵循官方指南来设置本地开发环境,react似乎使用create-react-app,它确实设置了很多。

现在,如果我运行,我会得到文件夹npm run build中所有内容的缩小版本。build但是,如果我运行npm startNodeJS 服务的版本似乎没有任何修改。但我看不到这些文件。

问题

所以要么:

  • 我可以访问npm start某处生成的文件吗?因为这些似乎没有修改。(build从不在那里修改)
  • 或者我可以以某种方式运行npm run build,所以它使用未最小化的文件进行“开发”构建?

尝试

我的目标只是获取最小化版本的 react scripts

至于最后一个问题,我已经按照这个问题的建议尝试了一些参数和环境变量,但正如你所看到的,它失败了:

系统

package.json有默认脚本:


注意:请不要问我为什么这样做或试图说服我这样做是不好的。我可能想要这个的原因有很多,例如调试或这个特定的用例

0 投票
1 回答
4840 浏览

node.js - 如何在没有 create-react-app 的情况下手动配置 React 的最小设置?

我不想使用create-react-app. 那么如何为一个简单的 React 应用程序配置一个最小的工作开发环境呢?

注意:我知道我可能只是在运行时将所有内容都包含为 JS(这是有据可查的),但我不想要这个,因为我仍然想要一个可用于生产的版本!

不想

  • 进行任何缩小(请参见此处的相关问题
  • 进行任何连接(或者,如果更容易做到,我可能会将所有 JS 例如连接在一个文件中)
  • 任何比我写的 JS 更旧的浏览器支持(所以没有翻译)
  • 任何开发服务器(我可以手动重新加载。)
  • 任何实时重载或高级开发功能

我确实想:

  • 使用 React 组件
  • (可选)包括 JSX(我知道没有它也可以使用 React,但假设这是我想从 React 中获得的最小优势。但是请告诉我,设置/配置的额外步骤会“花费”包括在内,所以这个答案适用于那些想要 JSX 和不想要 JSX 的人。)

基本上,只想使用 React。没有围绕它的所有花哨的其他东西!*

我只是问这个,因为官方的 React 文档没有提到这种可能性。


注意:为那些想知道为什么我想要这个的人推理。

* 实际上,忽略这些方便的开发功能等听起来也很疯狂。但我声称这是有正当理由/用例的。例如,所有这些对我来说都是不可用/破坏的,因为我正在尝试使用 React 构建浏览器扩展


是的,我看到了这个非常相似的问题,但不幸的是,用户比我领先一步,答案只是针对他们的问题的非常具体的答案。我想先了解一般情况,即我需要什么以及如何设置