问题标签 [craco]

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 投票
0 回答
38 浏览

reactjs - 将 CRA 应用程序部署到 Azure 应用程序服务问题

我正在使用 Azure 生成的工作流,我刚刚将其更改为使用 yarn 而不是 npm。它通过了构建阶段,大约需要一个小时来上传工件等,最后它进入了部署阶段,它给了我以下信息:

我如何找到有关确切问题的更多信息?我看过有关 azure 的日志,但我必须承认我对 azure 了解不多。

该应用程序本身基本上只是一个创建反应应用程序。我正在使用craco,但我认为这不会引起问题?

这是工作流文件:

0 投票
0 回答
69 浏览

reactjs - 文件重命名或分支切换时 Create-react-app 监视模式失败

我正在使用 create-react-app (通过cracoreact-scripts start ),在开发过程中,我使用(嗯,准确地说)让它在手表模式下运行craco start。当我实时修改代码时,这会刷新应用程序。

但是,当我重命名一个文件(例如 from Foo.jsto Foo.tsx)或切换到一些文件被重命名的分支时,我得到一个编译错误(见下文)并且需要重新启动脚本。这是有问题的,因为在我的机器上启动时间很长,让我不得不等待几分钟才能再次开始开发。

有没有办法让监视脚本识别文件重命名或监视项目目录是否有任何文件名更改?也许一些 CRA 或 craco 配置或插件可以实现这一点?

0 投票
0 回答
149 浏览

create-react-app - 使用 craco 反应创建应用程序 - 卡在“启动开发服务器”中

我正在开发一个 create-react-app 应用程序,我需要使用 craco 包来添加 webpack 插件:ShebangPlugin。

当我使用 启动服务器时yarn run start,我的开发服务器starting development server没有任何错误。

这是我的 craco 配置:

这里是我的 package.json :

我不知道发生了什么,有人有想法吗?

谢谢

0 投票
0 回答
106 浏览

javascript - setTimeout 中的“预期分配或函数调用,而是看到一个表达式”

我正在使用 craco 和 typescript 设置应用程序。从我将 TS、eslint 和 prettier 添加到我的项目的那一刻起,我无法编译它,因为我不断收到错误:

期望一个赋值或函数调用,而是看到一个表达式 @typescript-eslint/no-unused-expressions

此错误所指的行如下:

特别是:this.formRef.current?.setFieldsValue({

以下是我的 .eslintrc.js、.prettierrc 和 tsconfig.json 文件供参考:

.eslintrc.js

.prettierrc

tsconfig.json

0 投票
1 回答
1103 浏览

webpack - 在 craco 中读取配置文件创建反应应用程序设置

我正在阅读我的配置文件,这取决于我的环境,而不是弹出我的 create-react-app 的 webpack。

我发现一些StackOverflow 引用来更改 Webpack 配置以读取配置文件取决于环境。

我在src/config/globals/目录下有以下文件。

我只是尝试根据环境选择正确的配置文件。我的 craco 配置文件内容,

但是当我尝试在我的组件中导入配置文件时,我得到了Module not found错误。

我的进口声明,

导出配置文件对象的方式是,

如何读取配置文件取决于 craco config 设置的环境?

0 投票
0 回答
131 浏览

javascript - 如何启动使用 craco 模块的 React 应用程序

我从 github 分叉了一个 repo,我一直在尝试启动应用程序,但我一直遇到错误。我已经克服了大多数问题(通过安装软件包和更正拼写错误),但我被这个错误所困扰。

0 投票
0 回答
127 浏览

node.js - 使用 CRACO 托管的 React SPA:致命错误:接近堆限制的无效标记压缩分配失败 - JavaScript 堆内存不足

我使用 react 创建了一个 SPA,并从 react-scripts 切换到 craco 以允许我提供 wasm blob。该项目仍然很小,并且设置工作了一段时间。现在,每当我尝试使用“yarn start”启动开发服务器时,它都会在启动时崩溃。与构建命令相同。

我尝试将 --max-old-space-size=4096 传递给 package.json 中的 craco start 命令

我尝试将系统变量 NODE_OPTIONS 设置为 --max-old-space-size=4096

我尝试删除 node_modules 文件夹和 yarn.lock 文件

这些都不起作用。

这是我的 craco.config.js 文件的内容:

谢谢大家的帮助。

0 投票
0 回答
8 浏览

reactjs - 为什么craco没有内置在codesandbox中?

我已经从现有存储库创建了这个代码框,我可以在我的本地机器上构建它。

但是codesandbox 无法构建它。

我使用反应(CRA)和craco。

我该如何解决?

0 投票
0 回答
412 浏览

reactjs - craco 的使用会导致 JavaScript heap out of memory 错误

在 gitlab 中部署分支时出现此错误。部署之前所做的更改是(在 package.json 中)

},`

我是克拉科的新手。我使用 craco 定制了 antd 主题,并遵循了他们文档中提到的指南。后来,我经历了 craco 的用法,但我仍然没有完整的 craco 知识。我需要一些解释为什么没有 craco 它没有给出错误,并且在使用 craco 时它给出了一个错误。那么这是否意味着 craco 将消耗比使用更多的内存react-script start

0 投票
1 回答
318 浏览

reactjs - Craco、webpack 和库创建

我正在创建一个小型 reactjs 应用程序,它最终将生成一个 .js 文件(它基本上是一个聊天机器人前端应用程序,它与后端对话)。我创建了一个使用 的反应应用程序npx create-react-app,并且我设计的一切都没有问题。

我还创建了一个webpack强大的概念证明来生成 js 文件,这也很有效。长话短说,就是在webpack.config.js文件中指定输出:

现在,据我所知,生成的应用程序在后台使用了 react-scripts,而不是显式地使用 webpack。所以,我不知道如何让它“出现”并通过上面的配置。此外,在搜索 Google 时,我发现我可能会使用craco,这就是我所做的。在阅读了它的配置之后,我发现,webpack 文档可以像这样注入:

这显然不起作用,如果我启动应用程序,npm run start --verbose我会看到它像这样挂起:

在此处输入图像描述

这不是很有帮助。该start命令只是执行craco start

所以,我的问题是:

  1. craco che 是处理这个问题的最佳方法吗?
  2. 我应该直接使用 webpack 吗?如果是这样,对于我需要做的事情有什么好的教程(作为后端开发人员,webpack 一直是一个棘手的话题)

感谢帮助 !