Category "create-react-app"

502 Bad gateway after deploying react app on GCP

I recently upgraded my application from CRA-ts to CRA, upgraded react version from 16 to 17 with typescript version of 4.1 and node version to 16. On backend I

How to compress build files in create react app without ejecting?

I'm trying to figure out how to best optimize my build file and ran across the notion of compressing text files like js and css. From what I've come across ever

Update webpack 4 to webpack 5 on an existing create-react-app ejected with react-app-rewired

I have an existing old react application, created with create-react-app and ejected with react-app-rewired. I'm updating the deprecated dependencies. I've alrea

React injecting iframe with max z-index on reload after changes (development)

I have a Create React App with the following .env file: BROWSER=none SKIP_PREFLIGHT_CHECK=true INLINE_RUNTIME_CHUNK=false When I launch the app with yarn start

create-react-app application becomes non-interactive after fast refresh

I have noticed that with the latest version of create-react-app ([email protected], also had this problem in the latest @4.x.x version) the page becomes non-i

Tailwind custom background-image not working in production

In my CRA project I've added my own background images by editing the theme.backgroundImage section of my tailwind.config.js file. The images show up locally bu

node error when calling "yarn start" in an app created by create-react-app

I recently created a new project with create-react-app, installed all newest packages for an old create-react-app project (which was using react-scripts 3.4.1,

'TypeError: Converting circular structure to JSON' in a Lerna workspace with CRA and Typescript

I have a Lerna Workspace with some packages and a webapp created with create-react-app using TypeScript. When I try to add node-sass (needed for customizing ag-

How to create React App including Web3 using create-react-app? I am getting Module not found Error. BREAKING CHANGE: webpack < 5 used

I am new to Web3 and I am trying to create a react app integrated with web3. Below are the steps I followed in Ubuntu. create-react-app app_name cd app_

How to enable VS code intellisense for absolute path imports in a React app?

So, i recently created a React app and added the absolute imports by updating the jsconfig.json for my project as per the documentation (https://create-react-ap

How create a react app with a specific version using the npx command?

I want to create a React app using the command npx create-react-app my-app But I want to make sure I can choose the React version. I want a version that can't

Cannot find module 'caniuse-lite/dist/unpacker/agents' when running create react app

I am trying to create a new react application. I have node version 14.15.3 and npm version 6.14 Error: Cannot find module 'caniuse-lite/dist/unpacker/agents' w

create-react-app without removing existing files

i have an existing project folder that contains project assets, some text files, &c. and we're having to use React on this one. when i run create-react-app

InversifyJS + TypeScript + Ejected CRA: issues with importing files with interfaces

Code available here: https://github.com/rtrocca/test-inversify-cra I created a simple React application with CRA and the TypeScript template and ejected the app

How to configure react-app-rewired to add a postcss plugin

How can I customize react-app-rewired config in CRA v5 to add a postcss plugin, for example this one? I checked react-app-rewired documentation and github issue

CRA unmounts a component and mounts it back on every save

Consider the code snippet below: import { useEffect } from "react"; export const Hello = () => { useEffect(() => { console.log("Mounted"); retu

Keep getting error while creating react app

I have been trying to create a react app, so basically a new project such as hello world or anything. I try using npx create-react-app my-app The error I get is

Create-react-app doesn't hot-reload for yalc updates

We're trying to add yalc (https://github.com/whitecolor/yalc) to make handling dependencies locally easier. When I publish changes to yalc, they do show up, but

Is eslint pre-commit hook in CRA bootstrapped application required?

My react application is bootstrapped using CRA(react-scripts v4.0.0) and I want to add a code formatter (prettier to be specific) that must format the code befo

create-react-app + npm start - 'react-scripts' is not recognized as an internal or external command

Similar questions that I have tried following "npm-run-all" is not recognized as an internal or external command "'react-scripts' is not recognized as an inte