问题标签 [craco]

我正在构建由 create-react-app 提供的反应应用程序。

我使用 craco 来简化配置，并为 TypeScript 和 Webpack 设置了 alise。

但是当我运行测试命令时，会显示以下错误。

• 错误信息

这是我的 craco.config.js

• craco.config.js

我试图弄清楚如何使用 CRACO ( https://github.com/gsoft-inc/craco ) 在创建反应应用程序中禁用文件分块。

我创建了以下 craco.config.js：

但它没有任何效果。使用 CRACO 在 CRA 中禁用文件分块的配置应该是什么样的？

我正在使用带有 CRA 的 craco 来加载本地更少的文件和 ant-design 更少的文件。我只想为我的本地样式获得“localIdentName”效果，但同时获得本地和全局 ant-design 样式。如何正确配置？

我的 craco.config.js

以下craco配置取自 Internet 上的多篇文章，这些文章展示了如何将 monorepo UI 库包含到 CRA 构建流程中：

...效果很好，但我不明白为什么我的 IDE 一直显示Value assigned to primitive will be lost以下行的警告：

match.loader.include = include.concat([uiPath]);

我正在用 Craco 构建我的应用程序并运行craco build给我这个输出：

此输出是否意味着我的 index.html 无效？

在我的 React 应用程序（使用 Create React App cli 构建，而不是弹出）中，我设置了它，所以如果没有REACT_APP_API_URL定义，那么它使用模拟数据。

我通过向ala提供一个fakeFetch函数来做到这一点redux-api-middleware

这在开发时很好，但我希望在实际构建部署时该代码完全与构建分离。

有什么办法我可以做一些事情

防止webpack在生产构建中包含我所有的装置/假数据，同时给我一种非常简单的方法来在模拟数据和实时数据之间切换？

我不想退出应用程序，但我愿意使用通过Create React App Configuration Overrides注入的 webpack 插件。

npm start (craco start)一切正常，正在编译颜色。

npm run build (craco build)但是在运行时，每个配置只编译一种颜色，dallas从theme.textColor和vista-white从theme.gradientColorStops。

我试过了：

• 重新排序theme.textColor属性。
• 删除node_modules和npm i。
• 删除build并重建。

我必须能够在运行时更改 ant 设计变量（而不是通过无主题文件）。我发现很多使用customize-cra和react-app-rewire-less的例子，但似乎没有一个适用于 craco。我必须使用 craco，因为我也在这个项目中使用tailwindcss 。

我试过的：

• antd-theme-webpack-plugin：我可以访问window.less.modifyVars，但它似乎什么也没做（调用它不会引发错误，但 antd 颜色不会改变）；
• antd-theme-switcher：和上面的很相似，window.less.modifyVars好像没什么效果；
• antd-theme：我不知道如何添加AntdThemePlugin.loaderincraco.config.js，我不确定这是问题所在，但我无法让它工作。

这是我的当前状态craco.config.js：

在这一点上，我真的要尝试任何可能的解决方案，这个问题真的很耗时。

我想在我的反应应用程序中利用网络工作者。我决定使用线程作为我的支持库。

为此，必须包含webpack 包线程插件。我碰巧使用了 CRACO，所以我仍然可以修改我的 webpack 配置。

在里面craco.config.js我将插件添加到我的 webpack 对象

我的工人被称为

我在这条线上看到的错误是

也许最值得注意的是，它似乎试图将工作人员作为 URL 引用，而不是作为捆绑应用程序中的路径。

这是否意味着ThreadsPlugin没有被捆绑和利用？我可以采取哪些方法来收集有关该问题的更多见解？

我通过记录确认该threads-plugin库确实由我的 webpack 配置初始化。图书馆的大部分WorkerPlugin.prototype.apply似乎没有开火。

探索我可能错过了设置中的一步，作者问道。更多细节在这里。

该dotenv模块应该将我的文件优先.env.local于我的.env文件，但事实并非如此。当我REACT_APP_API_BASE在两个文件中都进行了设置时，应用程序总是使用.env. .env.local如果我删除 中的匹配定义，它只会使用中的值.env。

.env

.env.local

该应用程序正在对https://api-staging.mysite.com/api/endpoint进行 API 调用。

我究竟做错了什么？

作为参考，我没有react-scripts直接运行，我使用的是 CRACO。

包.json