craco Questions

1

We're hoping to get our projects using react-scripts v 5, and based on recent comments from the maintainers of craco, a new version with support for the newest version of CRA won't be coming soon (...
Marine asked 25/4, 2022 at 21:0

0

The context: I am building a chrome extension using React, Typescript, Tailwind, and Craco. Tailwind classes get applied correctly in the chrome extension popup, but I also want to be able to add R...

2

Solved

I am trying to figure out how to use CRACO (https://github.com/gsoft-inc/craco) to disable file chunking in create react app. I have created the following craco.config.js: // craco.config.js module...
Polymerous asked 19/1, 2021 at 8:56

10

I am trying to setup TailwindCSS in my Create-React-App project and I am trying to install craco so that I need not eject my CRA When I run the following command npm install @craco/craco, I get una...
Sump asked 12/4, 2021 at 9:56

3

Solved

After upgrading react-scripts to v5, craco start does not work properly. App starts with no error but in browser, there is a blank page and if i open inspector, i only see index.html codes not reac...
Planar asked 23/2, 2022 at 9:5

2

I've bootstrapped my app with Create-React-App version 3.4.1 and am using Craco version 5.6.4 to make modifications to the Webpack config CRA provides. Due to specific client expectations which are...
Rubrician asked 26/8, 2020 at 19:3

6

Solved

I am trying to use tailwindCSS in a ReactJS app These are the scripts commands in package.json file "scripts": { "start": "craco start", "build": "cr...
Galbraith asked 18/12, 2021 at 12:26

1

I'm deploying an Express app (Node.js/React) to Heroku and have set my env vars in Heroku using the config vars in Settings in the Heroku Dashboard. On the server side, I can access them using proc...
Guarnerius asked 23/11, 2021 at 14:26

0

I'm using craco to create a react app. Here are my ts configs: { "compilerOptions": { "target": "es5", "lib": [ "dom", "dom.iterable&quot...
Astute asked 6/4, 2022 at 10:57

2

Solved

I want to use Tailwind CSS for my react apps. The problem is CRACO start starts the app on the default port, which is 3000 and I want to have custom ports but I can't figure out what is the right a...
Drench asked 20/11, 2021 at 20:19

4

is anyone able to tell me why I cannot start up my website project on the development server? I've cloned a file on Windows 10, this used to work fine on my Mac OS ... before it died :'(Feel free t...
Mcelroy asked 26/3, 2021 at 16:43

3

Solved

Storybook currently calls react-scripts. However, I've got some parts of the CRA config overriden with craco. It means my application is invoked with craco ..., rather than react-scripts .... Is t...
Arrogance asked 13/4, 2020 at 17:55

1

I have created a web application in React with Create React App. Somewhere in my development process, the launch time for my development server grew tremendously. It now takes about 8 minutes to la...
Upland asked 10/12, 2021 at 13:58

2

Solved

I'm having an issue importing a component from one React project into another. The problems seems very basic but I'm having a really hard time figuring out where the problem is and what is the exac...
Immotile asked 19/3, 2021 at 20:58

2

Solved

While Referencing another component in the styled Component I am getting this error ReferenceError: Cannot access 'SiteHeader' before initialization here is the code //Common.ts import styled fr...
Towline asked 24/6, 2021 at 1:15

3

Solved

I tried setting up the JIT in create-react-app by myself but it doesn't seem to be working as in the styles are not getting updated. I am using craco to build the app with tailwind css and also add...
Chatterer asked 2/8, 2021 at 10:22

2

Solved

Does anyone know how can I load the TailwindCSS from the testing files? I've tried to use the same approach I used on VueJS, importing the css file, but it does just not load the styles. Here's the...
Baghdad asked 15/8, 2021 at 15:41

3

With webpack 3, I was using moment-timezone-data-webpack-plugin to reduce my bundle size and it worked well. Tests showed it reduced the bundle size dramatically. I've now upgraded to webpack 4 and...
Familiarity asked 31/7, 2021 at 16:34

1

I want to use ts-nameof in my React app created with create-react-app. How can I do that without ejection? Hint: I also use craco, so a solution involving craco would be also fine for me. Thanks!
Judson asked 15/5, 2021 at 9:4

1

Solved

Summary In creating a new project and attempting to use craco with it I've come across an error which I don't understand. What I've got The error looks like this ... $ craco start (node:125281) Unh...
Execratory asked 15/4, 2021 at 22:32

1

Solved

The dotenv module should be prioritizing my .env.local file over my .env file, but it's not. When I have REACT_APP_API_BASE set in both files, the app always uses the value in .env. It only uses th...
Subalternate asked 4/3, 2021 at 1:20

1

Solved

I'm building react app provided by create-react-app. I use craco to make configuration simplify and have set up alise for TypeScript and Webpack. But when I run test command, the following error is...
Darciedarcy asked 18/1, 2021 at 0:52

1

I'm trying to add the webpack style-loader nonce attribute to a craco config file, for a create-react-app, like this: // craco.config.js module.exports = { webpack: { module: { rules: [ { test...
Farrington asked 6/12, 2020 at 1:5

0

I have a "common library" written in Typescript and I want to use it in a couple more projects. I don't want to create a npm package from it, I just want to import it as "uncompiled package" but I'...
Bluma asked 4/5, 2020 at 11:29

1

Solved

I want to use svgr's webpack plugin with create-react-app to use SVGs with MaterialUI's SvgIcon. I'm using craco to add svgr to Webpack's config. Currently, whenever the SVG is supposed to be rend...
Daradarach asked 5/2, 2020 at 10:48

© 2022 - 2024 — McMap. All rights reserved.