问题标签 [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 投票
1 回答
3940 浏览

create-react-app - Craco - 无法解决依赖错误

我正在尝试在我的 Create-React-App 项目中设置 TailwindCSS,并且我正在尝试安装 craco,这样我就不需要弹出我的 CRA

当我运行以下命令 npm install @craco/craco 时,我无法解决依赖关系树错误。以下是错误的详细信息。我应该怎么办?谢谢

0 投票
1 回答
672 浏览

tailwind-css - 如何使用 purgeCSS (Tailwindcss) 将属性选择器列入白名单或安全列表?

我正在尝试使用 Tailwindcss RTL 插件,它会生成一些以[dir=rtl]or开头的类[dir=ltr]。但是由于 Purge CSS 正在删除它,无论它的使用如何。

0 投票
0 回答
256 浏览

yarn-workspaces - 将 create-react-app 与纱线工作区 monorepo 一起使用时,.env 不起作用

我们有一个包含 5 个包的 yarn 工作区 monorepo,一个是通用的,另外四个是 react-create-app Web 应用程序。我们还使用 craco 来覆盖配置(主要是修复普通应用程序中的 jsx 转译 babel 问题)。

我们在我们的应用程序中使用环境变量时遇到问题。如果我们添加 .env、.env-local 或 .env.development,当我们在任何应用程序中对它们进行控制台时,都不会设置任何变量。进行这项工作是否需要任何特殊考虑?

注意。我们尝试将 .env 文件放在工作区根目录以及单个项目根目录中,但没有成功。

这是craco配置-

这是工作区根 package.json -

这是来自其中一个应用程序的示例 package.json -

.env 中的一个例子是 -REACT_APP_foo=bar

任何帮助都非常感谢,在斗智斗勇..

已为我不想添加的任何公司名称添加了 nb..xxx 和 blah

0 投票
1 回答
2170 浏览

node.js - 在新的反应项目中使用 craco - 什么会导致这个错误?(UnhandledPromiseRejectionWarning: TypeError [ERR_INVALID_ARG_VALUE]: ...)

概括

在创建一个新项目并尝试使用 craco 时,我遇到了一个我不明白的错误。

我有什么

错误看起来像这样......

我做了什么

为了达到这一点,我所做的是......

修改 package.json如下...

然后完成

在这一点上我得到了上面的错误,所以我

但我仍然得到上面的错误。

将不胜感激任何建议。

0 投票
0 回答
52 浏览

reactjs - 如何从编译错误中忽略文件夹?

全部!

我正在尝试将名为 globekit 的第 3 方库添加到我的 create-react-app 设置中,但我遇到了一些与此包的编译相关的错误,因为它本来就是用于 vanilla js 的。

这是我导入它的方式:

以下是我得到的错误:

在此处输入图像描述

有没有办法通过某种方式忽略库文件夹来避免这些错误?这在 vanilla JS 下工作得很好。还有其他建议吗?

非常感谢!

0 投票
0 回答
471 浏览

javascript - 用 craco 去掉 create-react-app 开发服务器

我正在构建一个 mono-repo 项目,该项目使用create-react-app生成前端并使用节点服务器提供静态构建的文件。

为了创建一个监视watch后端和前端代码更改的开发脚本,我们选择了cra-build-watch,它运行良好。问题是,我想在不弹出的情况下对 create-react-app 配置进行更多调整,最好使用craco。似乎可以通过使用 craco 实现与 cra-build-watch 相同的结果,这将允许进一​​步自定义生成的 webpack 配置。

如何使用 craco 从 create-react-app 中剥离开发服务器,以便在目录中监视和输出/src文件,而不是完全优化的版本?(所以很快)/static/build

0 投票
0 回答
197 浏览

typescript - 使用 CRACO 在 CRA (Typescript) 中添加 comlink-loader 支持

我正在尝试使用 CRACO 将 comlink-loader 添加到 webpack,但它不起作用。我在 craco.config.js 中有这个

我的工人在一个名为process-data.worker.ts. 这是使用以下方式导入的:

我认为从文档中应该可以正常工作。有什么我想念的吗?

谢谢

亚当

0 投票
1 回答
500 浏览

reactjs - 如何传递 cli 参数来反应 craco?

bundle-analyzer开发人员运行yarn analyze已设置package.json"analyze": "craco build --analyze-only".

我确实阅读了craco手册,但没有找到任何解决方案。我当前的配置如下:

我们如何将参数传递给它?

0 投票
1 回答
1023 浏览

javascript - 如何使用 Create React App 设置 Storybook 以使用全局 sass mixins

我有一个使用 Create React App 制作的应用程序,并想将 Storybook 与它一起使用。

我的应用程序使用 scss 模块,因此我使用CRACO来确保我的全局 scss 变量和 mixin 在我的 scss 模块中可用。我的 CRACO 配置如下所示:

当然,Storybook 不使用此配置。

默认的故事书配置文件如下所示:

我找到了一些文档,这些文档提出了一些类似的建议,应该允许将我与 CRACO 一起使用的配置添加到故事书中:

不幸的是,这只会导致错误:

如何成功让 Storybook 导入我的 scss 变量和 mixin?

谢谢

0 投票
1 回答
261 浏览

reactjs - 如何将 ts-nameof 与 create-react-app 或 craco 一起使用?

想在使用create-react-app. 我怎么能做到这一点而不弹出?提示:我也使用craco,所以涉及 craco 的解决方案对我来说也可以。

谢谢!