我有一个由 craco 创建的反应应用程序，它已注册服务人员。将新构建推送到服务器后，用户仍然会获取旧数据/构建文件，因为它们被服务工作者缓存。我如何强制刷新网页，或给用户弹出刷新页面。

我尝试使用 onstatechange 方法中的现有代码 -

新内容可用并将在此页面的所有选项卡关闭时使用。

但是即使我将状态更改为离线，也会弹出此消息。

请建议如何在不强制关闭所有选项卡的情况下实现它。

如何覆盖url-loader limit由创建的应用程序中的选项create-react-app？. 我craco也在用。这是我的 webpack 配置craco.config.js

url-loader=> 10kb的最大限制也是？

create-react-app根据 Tailwind Docs 设置 Craco 后，我在我的应用程序中设置了响应式变体。这些在开发构建中完美运行，但在生产构建中没有加载图像。我在这里想念什么？

我已经确定问题很可能出现在我的生产配置中。当我将任何 URL 直接“硬编码”background-image到我的 App.css 文件中作为测​​试时，它们会在生产构建中正确显示。

索引.css

包.json：

craco.config.js：

tailwind.config.js：

[解决了]

问题

如其文档中所述，将 Tailwind CSS 与 CRA (create-react-app) 一起使用需要替换react-scripts为craco.

现在，我正在尝试使用 React Styleguidist 构建一个组件库。styleguidist server通过在 craco 的 API 中指定styleguide.config.js使用 craco webpack 配置文件，我能够让 Tailwind CSS 在运行时在 localhost 中正确显示，如下所示

但是，当我尝试使用 构建生产 HTML 时styleguidist build，它会抛出这些错误

我能够通过使用来自 react-scripts 的配置运行命令来构建没有错误，就像这样 npx styleguidist build --config ./node_modules/react-scripts/config/webpack.config.js

我在这里成功地将它部署到 Vercel https://react-components-fho7l1ov3-discover-pom.vercel.app/ 但是我的样式都没有正确显示并且tailwindcss没有得到应用

我试过查看里面的文件，./node_modules/@craco/craco/lib/features/webpack/babel.js但我不明白问题可能是什么......

里面./node_modules/react-refresh/cjs/react-refresh-babel显示了抛出的错误，但老实说我不知道​​它为什么抱怨

解决方案

我想到了。发布以防其他人遇到此问题。我不得不像这样使用 craco 的 webpack 配置的 prod 版本

styleguidist build现在完美运行。

根据 antd文档

我添加了 CRACO 配置，以便能够修改默认的 antd 变量。

一切正常，但是当我尝试在我的App.js文件中导入 ascss时，例如：带有样式的 myStyles.scss 文件，我得到下一个错误：Cannot find module 'sass'，但如果不是myStyles.scss我导入myStyles.less它，它可以工作。
问题：谁遇到过同样的问题？为什么 CRACO 配置不允许scss文件扩展名？

我在将一个 React 项目中的组件导入另一个项目时遇到问题。这些问题似乎非常基本，但我很难弄清楚问题出在哪里，以及实现我的目标的确切 craco 配置是什么。

导出项目

我正在导出App，这是一个功能性 React 组件。

src/index.js

我使用craco主要是因为Tailwindcss和antd，这是配置文件：

craco.config.js

我正在使用 npm 发布我的包并将其导入另一个项目。这是 package.json 启动配置（出于隐私考虑，已删除信息）：

包.json

npm run buildindex.bundle.js按预期工作并在 dist 文件夹中生成一个。我不确定问题是否出在此处，但该文件充满了缩小的功能，并且似乎没有导出任何内容。

消费项目

通过 npm 安装导出项目工作正常，尝试导入App组件没有结果：

• import App from [company-repo-name];给我{}（空物）
• import { App } from [company-repo-name];给我undefined

我目前不知道问题出在哪里，我期待着尝试的建议。

有人能告诉我为什么我不能在开发服务器上启动我的网站项目吗？

我已经在 Windows 10 上克隆了一个文件，这曾经在我的 Mac OS 上运行良好......在它死之前:'(随意尝试这个项目：https ://github.com/EMDevelop/j2c

当我运行时npm start，我收到以下消息

这很奇怪，因为我有"craco": "0.0.3"一个依赖项，并且"start": "craco start"作为我的package.json.

我craco.config在项目中也有文件，@craco文件夹中有node_modules文件夹。

然后当我尝试再次安装 craco ( npm i @craco/craco) 并运行npm start时，我收到以下错误，要求我安装依赖项：

这也很奇怪，因为node_modules我在文件夹（和）中有大部分依赖项package.json：

我担心只是鲁莽地强迫 craco 替换旧版本，然后我是否必须对它给我警告的每个依赖项都这样做？大多数依赖项已经存在。

然后，当我再次尝试运行npm start时，它给了我错误，就好像我再也没有安装过 craco 一样：

任何帮助将不胜感激！！拔掉头发，我是 Windows 新手。

我正在尝试使用 Amazon 的 AWS Amplify 部署 React/Typescript 应用程序，但构建一直失败并返回错误，其中包含：“无法读取属性 .match of undefined”

我已经阅读了很多线程，但每个人都一直在建议同样愚蠢的“解决方案”来删除包锁。它不起作用，所以不推荐它。

我猜 CSS 有问题，但我不确定它到底是什么。以下是项目的依赖项：

这是包含错误的日志块：

我有一个 monorepo 纱线工作区项目，其中包含一个 create-react-app 应用程序和一个 UI 库。

在我的@app/ui包中，在src文件夹内，我有以下文件：

country.ts

index.ts

...以及从index.ts上面导出的其他文件。即使我的@app/cra应用程序具有@app/ui依赖项，并且在其文件之一中有以下代码行：

import { MyComponent } from @app/ui

我从来没有真正从countries.ts. 我使用 craco 能够在react-scriptsCRA 的构建中包含外部 UI 包，方法是覆盖配置以包含使用babel-loader.

但是，当我为生产构建 CRA 应用程序并使用源映射分析器检查构建产生的包时，我总是countries在那里找到。为什么不摇树？

我按照此处的说明使用 Create React App、Tailwind 和 CRACO ( https://github.com/gsoft-inc/craco ) 构建了一个简单的应用程序：https ://tailwindcss.com/docs/guides/create-react -app 如果相关，该应用程序还使用 Typescript。

但是，在部署到 Netlify 时，我不断收到构建错误 -Failed to load config "react-app" to extend from.

我正在使用默认命令yarn build，但也尝试过使用npm run buildandCI=' ' npm run build

我还尝试使用该命令根据其他建议更新 eslint deps，yarn add eslint-config-react-app -D但仍然没有运气。

这是部署日志：

这是我的 package.json：

知道出了什么问题吗？老实说，我不太确定 yarn 和 npm 之间的交互，但我确实知道我最近创建并成功部署了一个与 Netlify 类似的应用程序，主要构建差异是这个新应用程序使用 Tailwind 和 CRACO。

非常感激！