问题标签 [craco]

我正在尝试添加这个插件，它使用这个 webpack 插件到我的 craco 配置文件中，按照指南进行操作，但它不起作用。

该插件应该优化图像，但它没有发生。有任何想法吗？我的配置文件有问题吗？谢谢。

So I'm making an App with React 17, tailwind and craco and its works find in dev but when i build with craco, tailwind don't include classes as h-36, h-44, col-span-1...

That's my tailwind.config.js

我已经建立了使用react-router-domand制作的项目craco。我也尝试运行react-scripts构建，但仍然无法正常工作。我猜这个问题本身并没有出现craco。该网站基本上只是渲染加载屏幕，然后变成白色而不渲染任何东西。

包.json

应用程序.js

我正在尝试对 CRA 进行 docker 化，然后将其与其他容器一起集成到我的 docker-compose 中。似乎容器因为Craco而无法运行？这是错误输出。

这是我的dockerfile。

我正在使用 craco 并试图弄清楚如何配置 jsx。我不断收到以下错误

Support for the experimental syntax 'jsx' isn't currently enabled (4:17):

他们建议我添加 `babel/preset-react 或使用 @babel/plugin-syntax-jsx 到插件部分以启用解析，但我不确定如何做到这一点。

为了澄清，我正在尝试使用src我的 react-app 根目录之外的文件夹

craco.config.js

我正在使用 react 项目，因此按照本指南创建了带有尾风 Css 的create-react-app ： https://tailwindcss.com/docs/guides/create-react-app，在我的项目中，我需要有 Map 以便我可以获取最近的位置等等。所以遵循这个指导方针：https ://github.com/visgl/react-map-gl 并且还从https://studio.mapbox.com/获得了访问令牌和 Mapbox 样式. 我无法弄清楚我无法在我的网页上显示地图的原因是什么。谷歌搜索并尝试了 Stackoverflow 中提到的几乎所有选项，但似乎没有什么对我有用。有人建议在 craco.config.js 文件中添加 babel 加载器规则，但也没有运气。谁能帮我解决这个问题。将不胜感激！提前致谢

我的 Map.js 文件：

包.json

日志： https ://hastebin.com/ihexiqetec.apache

构建命令：纱线构建

目录/构建

我该如何解决？这是我第一次尝试这个

已经试过了npm run build，在我的机器上运行yarn build 良好yarn build

https://hastebin.com/ijaxewevaw.yaml
这里是日志

构建命令：craco build
NODE_VERSION：14.17.6

我的 package.json：https ://hastebin.com/evorodesay.json

我已经尝试了几个小时将包d3-colors导入到我的tailwind.config.js. 到目前为止，我在互联网上找到的任何解决方案都没有奏效。

我努力了：

• 将其转换为tailwind.config.mjs，但随后它不会被加载。配置不起作用。

• 使用await import('colors-d3')but 也不起作用，因为那时我必须等待获取它的函数，这也是不允许的：

• 我尝试将包更改为type='module'，但是一旦我将其转换为 ESM 模块，Craco 就无法加载它的配置，因为 craco 本身是 commonjs。

• 我试过修改 Craco 的配置...

• 我尝试使用 postcss 配置文件将其tailwind.config.mjs作为配置文件参数传递，也不起作用。

等等等等

我无法让它工作。我怎样才能将此模块导入我的顺风配置？

通过添加样式加载器规则挣扎了大约两天，但除了错误之外什么也没有发生。我不知道我需要以哪种方式添加这些规则。尝试了 craco 实用程序addBeforeLoader，但没有任何反应。

很高兴在这里得到答案或一些代码片段。