问题标签 [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.
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 > 大括号
reactjs - 如何在创建反应应用程序中排除名为 test.js 的源被检测为测试文件?
在 create-react-app 应用程序中,我命名了一个源文件:
/src/config/env/test.js
不幸的是,jest 现在正试图将其作为测试来执行,
我试图在我的中添加以下内容package.json
:
但我仍然有这个错误:
我正在使用反应脚本 2.1.3
reactjs - 使用 create-react-app 在 React 应用程序中获取更详细的输出
我已经使用 create-react-app 建立了一个项目。现在我正在另一台机器上工作,突然之间我在两者中都遇到了npm run start
错误npm run build
:
不幸的是,这不足以让我调试任何东西。我假设 Webpack 正在做一些导致错误的有趣的事情。如何获得更详细的错误输出?
reactjs - 从 src 以外的其他源文件夹运行测试
我有一个使用 CRA 搭建的应用程序。在我的应用程序中,src 文件夹中有两个文件夹。第一个文件夹包含通用组件(如 Buttons、Modal 以及其他自定义元素)。第二个文件夹包含与业务相关的组件,但它们也使用通用组件。
我现在已经开始为我的业务相关组件编写单元测试。当我生成代码覆盖率数字时,我意识到在考虑代码覆盖率时也会考虑通用组件。
我希望我的测试从与业务相关的组件文件夹而不是 src 文件夹开始运行。
在这方面我有什么可以做的,而无需退出 CRA 吗?
javascript - 反应脚本开始:文件中的引用错误而不使用该引用
好吧,今天启动项目后-运行时出现以下错误npm run start
这似乎是一个奇怪的错误,因为我没有接触过 index.css。index.css 的内容是:
那么什么会导致这个错误呢?更重要的是,我该如何调试呢?
reactjs - 从命令行运行 jest 时“未找到测试”
在构建的 React 项目create-react-app
中,测试文件位于需要测试的代码旁边的同一文件夹中,如下所示:
尝试运行npx jest
或使用 globaljest
时,我得到以下结果:
运行npm test
- 反过来运行脚本- 工作正常react-scripts test
,package.json
并且能够找到并运行项目中的所有测试(在监视模式下)。
知道如何解决这个问题吗?
环境
- 节点:
10.15.0
- npm:
6.4.1
- 反应脚本:
2.1.3
- 操作系统:
Windows 10 1809 17763.316
jest.config.js
reactjs - 分叉 react-scripts 以添加自定义依赖项
如果我们有许多类似的项目,Create React App 文档建议分叉 react-scripts (而不是弹出)。这正是我的用例——我正在尝试标准化我在 React 项目中经常使用的包和结构。我想将这些包添加到生成的 package.json 文件中,而不是 react-scripts 的依赖项。例如,在生成的 package.json 文件中,依赖项部分应如下所示:
看来这样做的唯一方法是修改 create-react-app 本身,因为生成 package.json 的代码就在那里。
我知道 CRA 团队建议不要修改 create-react-app 本身。那么有没有其他方法可以实现我想要做的事情?
node.js - 如何在不缩小的情况下构建 React 的生产版本?
背景
我一直在或多或少地遵循官方指南来设置本地开发环境,react似乎使用create-react-app
,它确实设置了很多。
现在,如果我运行,我会得到文件夹npm run build
中所有内容的缩小版本。build
但是,如果我运行npm start
NodeJS 服务的版本似乎没有任何修改。但我看不到这些文件。
问题
所以要么:
- 我可以访问
npm start
某处生成的文件吗?因为这些似乎没有修改。(build
从不在那里修改) - 或者我可以以某种方式运行
npm run build
,所以它使用未最小化的文件进行“开发”构建?
尝试
我的目标只是获取最小化版本的 react scripts。
至于最后一个问题,我已经按照这个问题的建议尝试了一些参数和环境变量,但正如你所看到的,它失败了:
系统
我package.json
有默认脚本:
注意:请不要问我为什么这样做或试图说服我这样做是不好的。我可能想要这个的原因有很多,例如调试或这个特定的用例。
node.js - 如何在没有 create-react-app 的情况下手动配置 React 的最小设置?
我不想使用create-react-app
. 那么如何为一个简单的 React 应用程序配置一个最小的工作开发环境呢?
注意:我知道我可能只是在运行时将所有内容都包含为 JS(这是有据可查的),但我不想要这个,因为我仍然想要一个可用于生产的版本!
我不想:
- 进行任何缩小(请参见此处的相关问题)
- 进行任何连接(或者,如果更容易做到,我可能会将所有 JS 例如连接在一个文件中)
- 任何比我写的 JS 更旧的浏览器支持(所以没有翻译)
- 任何开发服务器(我可以手动重新加载。)
- 任何实时重载或高级开发功能
我确实想:
- 使用 React 组件
- (可选)包括 JSX(我知道没有它也可以使用 React,但假设这是我想从 React 中获得的最小优势。但是请告诉我,设置/配置的额外步骤会“花费”包括在内,所以这个答案适用于那些想要 JSX 和不想要 JSX 的人。)
基本上,我只想使用 React。没有围绕它的所有花哨的其他东西!*
我只是问这个,因为官方的 React 文档没有提到这种可能性。
注意:为那些想知道为什么我想要这个的人推理。
* 实际上,忽略这些方便的开发功能等听起来也很疯狂。但我声称这是有正当理由/用例的。例如,所有这些对我来说都是不可用/破坏的,因为我正在尝试使用 React 构建浏览器扩展。
是的,我看到了这个非常相似的问题,但不幸的是,用户比我领先一步,答案只是针对他们的问题的非常具体的答案。我想先了解一般情况,即我需要什么以及如何设置?