Questions tagged [craco]

Craco stands for Create React App Configuration Overrides - an easy and comprehensible configuration layer for create-react-app.

Craco is a mechanism for overriding aspects the standard Create React App configuration without forcing the developer to eject their app from CRA.

It allows you add a single craco.config.js file at the root of your application and thus customise your eslint, babel, postcss, and webpack configurations.

190 questions
0
votes
0 answers

Upgrade Tailwindcss from 2 to 3

I followed up the migration guideline but I have a problem with configuration. Warning (4:3) Nested CSS was detected, but CSS nesting has not been configured correctly. Please enable a CSS nesting plugin before Tailwind in your configuration. See…
Günay Gültekin
  • 4,486
  • 8
  • 33
  • 36
0
votes
1 answer

How to import SVG in ReactJS with craco?

I'm struggling to import SVG's when I'm using craco in my react app. It's suggested to use @svgr/webpack but I'm not sure how to put it into my craco.config.js My current setup as per this (I prob shouldn't follow someone's config that doesn't work…
wongz
  • 3,255
  • 2
  • 28
  • 55
0
votes
1 answer

Webpack obfuscator not working with craco, maps disabled

today I have a very large problem using react & craco, I can't seem to get my webpack-obfuscator to do anything. I have disabled source maps, but to no avail. This is my craco config: const path = require("path"); const WebpackObfuscator =…
infamous hvher
  • 171
  • 1
  • 3
  • 8
0
votes
1 answer

Cannot install Tailwind on Windows Desktop

I've sent a program to my coworker so he can run it on his own machine, and when installing the dependencies and attempting "npm start", I'm given the error below. > TAILWIND_MODE=watch craco start 'TAILWIND_MODE' is not recognized as an internal…
guitarman
  • 165
  • 7
0
votes
1 answer

Deploy React Craco app to GCP Cloud Run Error: React Refresh runtime should not be included in the production bundle

I am trying to deploy a React app with Craco to GCP Cloud Run. I am using the Cloud Code in Visual Studio Code to deploy. It say deployment is successful, but I am getting really weird error when viewing in browser, it runs locally just fine,…
Bill Software Engineer
  • 7,362
  • 23
  • 91
  • 174
0
votes
1 answer

How to use a js file from outside of create-react-app directory, with craco?

I'm using craco for my create-react-app and I'm trying to import a javascript file from another directory, external to the app src. I've heard it is possible but haven't found anything in their documentation about this, at least not from what I've…
DIIMIIM
  • 557
  • 7
  • 28
0
votes
1 answer

Serving a modified asset-manifest.json in CRA using CRACO doesn't work

I have just created a new CRA app. In our organization we have a micro frontend framework which has certain requirements when it comes to the the asset file of each micro frontend app. CRA will by default, create a asset-manifest.json…
Trj
  • 657
  • 9
  • 21
0
votes
0 answers

will usage of craco cause JavaScript heap out of memory error

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 1: 0xa2b020 node::Abort() [/usr/local/bin/node] 2: 0x97a467 node::FatalError(char const*, char const*) [/usr/local/bin/node] 3: 0xb9e0ee…
Athavan T
  • 306
  • 2
  • 15
0
votes
0 answers

How to start a react app that uses craco module

I forked a repo from github and I've been trying to start the application but I've been having errors. I've gotten past most of them(by installing packages and correcting typo errors), but I'm stuck with this error. > dashboard@0.1.0 start…
0
votes
1 answer

Netlify/Craco Failed to load config "react-app" to extend from. Referenced from: /opt/build/repo/package.json

https://hastebin.com/ijaxewevaw.yaml Here are the logs Build command: craco build NODE_VERSION: 14.17.6 My package.json: https://hastebin.com/evorodesay.json
Beatriz Mantoani
  • 291
  • 1
  • 3
  • 4
0
votes
1 answer

Cannot display MAP from react-map-gl and Mapbox

I am using react project, so created create-react-app with tailwind Css by following this guide: https://tailwindcss.com/docs/guides/create-react-app, In my project I need to have Map so I can get the nearest location and so on. So followed this…
Ayesha
  • 211
  • 1
  • 2
  • 13
0
votes
1 answer

Deploying a Reactjs application (CRA) on heroku throws an error

Following is the error I am getting. The front-end of the application is built using CRA. And the backend is built with Laravel - Laravel Sanctum and Laravel Fortify. I am using craco for building the app. Error: React Refresh runtime should not be…
Ijlal
  • 21
  • 3
0
votes
2 answers

Create React App fails to build inside docker

I am trying to dockerize a react application. It uses craco for building since I am using tailwindcss. It was working properly until today when the build started throwing errors for CSS files. The error > [admin-build 7/7] RUN npm run build: #15…
Arjun Atlast
  • 113
  • 5
  • 10
0
votes
1 answer

How to make run "yarn" in folder A install the node modules in folder B by nesting folder B in folder A's node modules without Babel access

I am having a folder which has two React folder inside at the same level. I nested File B in File A node_modules, and put "dependencies": {"B":"./B"}" in File A pacakage.json. The reason I am doing this is because File A uses the redux in File B,…
Edith
  • 95
  • 5
0
votes
0 answers

How to ignore folder from compilation errors?

all! I'm trying to add a 3rd party library called globekit to my create-react-app setup and I'm getting a few errors related to the compilation of this package, as it is natively meant to be used to vanilla js. Here's how I'm importing it: import {…
1 2 3
12
13