Questions tagged [create-react-app]

create-react-app is a starter-kit for creating React applications with no build configuration. If you’re getting started with React, use this to automate the build of your application. There isn't any configuration file, and react-scripts is the only extra build dependency in your package.json file. Your environment will have everything you need to build a modern React application.

Filter by
Sorted by
Tagged with
-3 votes
0 answers
43 views

Why we do not read documentation to learn any language instead of watching videos ,tutorial course? [closed]

Is Reading documentation not a right way to learn programming fundamentals instead of watching videos related to that? I want to know that is.like harvard's students billgates or mark zukerberg who ...
Monster x's user avatar
0 votes
1 answer
27 views

Setting `fetch` headers for POST in `create-react-app`

I'm completely stumped on this one. I have pretty simple, small Flask app that wraps all responses with the headers res.headers['Access-Control-Allow-Origin'] = '*' res.headers['Content-Type'] ...
ebbishop's user avatar
  • 1,865
0 votes
0 answers
10 views

jest-runner-eslint or any with CRA and react-app-rewired

I'm trying to inject my custom jest config to react app with react-app-rewired. When I use single config all works ok. But when I try to split the config into multiple projects and use jest.config....
inTheDark's user avatar
-1 votes
0 answers
10 views

Cookies to y react frontend

The cookies set by my server instance are not being received by my front end, which is hosted on an AWS bucket. Despite implementing cookie functionality on the server and configuring traffic ...
King Hiholike's user avatar
0 votes
0 answers
15 views

Remove the x-powered-by in a React app hosted in Vercel

I want to remove the x-powered-by: express from my React App that is hosted in Vercel, how is it possible? Thanks in advance. I know that in the server side I can do this using Helmet, but in react / ...
Mateus Gonçalves's user avatar
0 votes
0 answers
9 views

How to get Create React App production build to polyfill String.isWellFormed() or Array.findLast() for supported browsers

Create React App production build seems to not polyfill String.isWellFormed() for safari 14.1 and Firefox 119 which are supported browsers according to npx browserslist. I created a new create react ...
Marc Glassman's user avatar
0 votes
0 answers
24 views

Hide the folders in the working directory that are not related to the switched branch | migrating create-react-app to nextjs

I have two branches that I jump between, branch A has a folder called ".next", while branch B doesn't have that one. When I switch to branch B after committing my changes on branch A, the ...
Normal's user avatar
  • 1,884
-1 votes
1 answer
69 views

create-react-app not working in my system

When i try to create my react project it shows an error log C:\Users\Ezhil & rishii>npx create-react-app firstapp 'rishii\AppData\Roaming\npm\' is not recognized as an internal or external ...
Ezhil Sivaraj SR's user avatar
0 votes
0 answers
11 views

Ways to dynamically upload, store, and show images with react?

I have a sort of strange use case. I have to create a design history journal, and I decided the best way to go about it would be to create a submission form in a create-react-app where I can upload a ...
lacedwithennui's user avatar
0 votes
1 answer
22 views

How to Configure Local TinyMCE in create-react-app?

I am working on a React project using create-react-app which will be deployed as an iOS app using Capacitor.js (similar requirements apply to Cordova environments). I have encountered difficulties in ...
CreativeDesign's user avatar
0 votes
0 answers
33 views

ESM error while building React CRA app which uses MSW [closed]

I have react project build with CRA, in which I am using MSW for unit testing. When I run react-scripts start everything works as expected but when I run react-scripts build I get the following error: ...
tarun chine's user avatar
-1 votes
1 answer
34 views

React Native: Component Not Rendering on Android Emulator

"I'm developing a React Native project and facing an issue where none of my UI components are displaying on the Android emulator. My Layout component consists of a simple interface using <View&...
mijoung's user avatar
0 votes
1 answer
86 views

How to deploy a Create-react-app project to Azure

We created a static web app project in azure. Pushed the code to a github repo. I added staticwebapp.config.json file with because the routes were throwing 404s. I'm handling 404s and every route with ...
Unmy_'s user avatar
  • 455
-1 votes
0 answers
22 views

Which config will be used for eslint if there is both eslintconfig in package.json and separate .eslintrc file?

I have got to work on a existing react project which have following setup in package.json "eslintConfig": { "extends": "@imaginary-cloud/react" }, This project ...
Asif Mahmud Rony's user avatar
0 votes
1 answer
32 views

React Absolute Import Paths

I am fairly new to React, using version 18.2.0. I just can't seem to get "paths" in jsconfig.json to work. { "compilerOptions": { "baseUrl": "./", "...
Scottish Smile's user avatar
0 votes
0 answers
22 views

Yarn install will not fetch from remote repository

Whenever I try to run yarn install on a react-app I have the following issue when it comes to retrieving from the remote repository: ➤ YN0001: │ Error: Decompression failed at BrotliDecoder....
Dan Enright's user avatar
0 votes
0 answers
45 views

React router outlets migration to Nextjs 14 app router

I'm trying to migrate the starting part of CRA app, but I'm not sure how to do it with app router in Next.JS 14, because I'm using outlets. Routers in CRA app: <Route path='/' element={<...
Игор Ташевски's user avatar
0 votes
0 answers
31 views

Private key gets into the build

My private key is showing up in the build. GitHub automatically deletes the key of its API, which are in the public. I run npm run build and the key gets into the build. What am I doing wrong?
Liza's user avatar
  • 1
-1 votes
0 answers
13 views

Load Balanced create react application gives unexpected token error

I have three indentical copies of the same create-react application running on three different RHEL servers. The applications are deployed using the serve command and apache proxy is configured for ...
user22910474's user avatar
0 votes
1 answer
17 views

Cannot find module svg with typescript on create-react-app even with custom.d.ts

There's a lot of almost similar questions but I still can't find anything that works. For context: I'm using CRA app with js template and migrated to ts after. The SVG is working ok, so it's likely to ...
ngtrthinh's user avatar
0 votes
1 answer
23 views

React with BrowserRouter: fetch manifest.json at path based on the current route

React (CRA) using BrowserRouter from react-router-dom. Deployed on servers with static files & nginx. UI1 has<BrowserRouter basename="/"> UI2 has <BrowserRouter basename="/...
Ploppz's user avatar
  • 154
0 votes
0 answers
66 views

Deploy react app on nginx running on windows?

there isn't a lot of discussions about serving react app on nginx running on Windows. I have a create-react-app I'd like to deploy to my own windows machine that runs an nginx server. The app is ...
Joey Zhou's user avatar
0 votes
0 answers
18 views

Nodemon + Socket.io

I'm working on Create React App with a node backend that uses sockets for parts of its features. I have the following issue. Whenever I hit command + s nodemon restarts the dev server and the socket ...
Philipp Albrecht's user avatar
0 votes
0 answers
47 views

"Module Not Found error" when dynamically import images from directory with create-react-app and react-router-dom

I am using Create-React-App with react-router-dom and looking to use dynamic import to load images from different directory. Something like this // visit the url will show images in projectName folder ...
Rep Hisen's user avatar
0 votes
0 answers
72 views

How do I configure AWS Amplify to use a custom docker image that I was able to upload to my aws ecr?

I am trying to get away from the AWS linux 2 image for the build on AWS Amplify because node version has become an issue. Thus, I created a docker image for both developers to use, which runs locally ...
Landon Carr's user avatar
0 votes
0 answers
50 views

How to enable SSR for existing React CRA + Nest.js application?

I already have a Create React App (CRA) application working as a Single Page Application (SPA). The app is connected to an API created on Nest.js. The two parts are developed with Typescript in ...
Mr WW's user avatar
  • 1
0 votes
1 answer
66 views

Error: "Cannot find module" when using npx create-remix@latest

Good day, I'm encountering an issue while trying to run npx create-remix@latest. I'm receiving the following error message: node:internal/modules/cjs/loader:553 throw e; ^ Error: Cannot ...
Ojage S's user avatar
  • 83
-1 votes
3 answers
61 views

How do I resolve error when I run 'npm start' with reactjs?

I cloned a react project, after installing the packages and I run "npm start" it displays the error below. It's not my code, I am to continue with the project but with the error I can't ...
Emmanuel Joseph's user avatar
-1 votes
1 answer
38 views

problem to cache json file in react pwa service worker(create with cra)

i create pwa app using cra template. my problem is service worker didnt cache my locales folder(contain json file for translation) after running app and in offline mode everything works well except 2 ...
Hanie's user avatar
  • 3
0 votes
0 answers
17 views

Module parse failed when using react component library in windows

I am struggling with using a react component library in my react application, and I am unsure on where to start looking for a solution. Googling didn't help my particular case. So, I have a react ...
benbjo's user avatar
  • 2,402
1 vote
1 answer
82 views

Request stuck in pending

When I try to make a POST request using react with express the request stucks in the middleware of the request. For the front end part I'm using CRA of React and express js for the backend. I'm not ...
Santiya's user avatar
  • 11
5 votes
0 answers
354 views

Possible EventEmitter memory leak detected after updating to the latest version of Node.js

I've upgraded to the latest stable version of node (20.9.0) and now whenever I make a react app using npx create-react-app or using vite, it always shows the "possible eventEmitter memory leak ...
Psych's user avatar
  • 51
0 votes
0 answers
20 views

Routing based on user agent with my CRA and netlify functions

I have been working on a CRA for the past year. My routes are being controlled by the browserrouter package. Essentially, each route is its own customer, that each have their own assets. Each company ...
Felix's user avatar
  • 13
0 votes
0 answers
26 views

Error trying to create a AVD in Android Studio

I get the following error after I select finish. I attached the image of the Virtual Device Configuration screen. Also, I updated my HAXM to the latest version but Android Studio does not seem to ...
Eric Kelley's user avatar
0 votes
0 answers
23 views

I got an error while creating react app that says -g is not recognize but i installed npm node latest versions

C:\Users\kanse>npx create-react-app first-app 'CALL "node" "C:\Program Files\nodejs\node_modules\npm\bin\node_modules\npm\bin\npm-cli.js" prefix -g' is not recognized as an ...
Pooja's user avatar
  • 1
0 votes
0 answers
47 views

I have created a project using create-react-app with typescript, now i want to use PARCEL as my build tool. how to migrate from CRA to PARCEL

I have created a project using create-react-app with typescript, now i want to use PARCEL as my build tool. how to migrate my existing project from CRA to PARCEL, what do i need, please someone tell ...
Sarthak Dixit's user avatar
0 votes
0 answers
33 views

React proxy not changing port

I create new react app using create-react-app and add "proxy": "http://localhost:8080", "allowedHosts": "*", to package.json and i also tried using setupProxy....
Dung8466's user avatar
0 votes
0 answers
26 views

ETIMEDOUT cannot connect to registry on npx create react app

Details I got an error while creating reactjs project, I tried uninstall -g create-react-app and reinstalling but it didn't install Node.js version v18.14.2 Example code npm ERR! code ETIMEDOUT npm ...
Truong Van's user avatar
0 votes
2 answers
29 views

npx create-react-app my-app not responding

I am trying to run npx create-react-app my-app in Ubuntu and it doesn't respond at all rather just keeps the terminal engaged unless I cancel via Ctrl+C Shell I have removed and reinstalled node and ...
Aamir Khan's user avatar
1 vote
1 answer
43 views

Trying to mock cognitoUser.authenticateUser from amazon-cognito-identity-js and getting that it's undefined

I am trying to write some unit tests in Jest for a Create React App project I have which uses Amazon Cognito. The code under test: const getNewCognitoUser = (username) => { const userData = { ...
Rob's user avatar
  • 31
0 votes
1 answer
51 views

react-scripts build crashes with no other message than the memory ran out. react-scripts start runs just fine

I'm currently building an app with create-react-app. I was able build my app with no issues before this happened and I have not made any npm or node version updates since my last successful build. ...
patzmm's user avatar
  • 1
0 votes
1 answer
19 views

Why does this SetState not work? Setting the state in the child of a child component

I'm trying to use setState to change my my layout. But for my react app to work I need the state in my app.js. So diffrent childeren can access it and edit if needed. but i'm getting Setstate in not a ...
Bert Coninx's user avatar
0 votes
0 answers
71 views

I need to upgrade a version of @babel/core inside of react-scripts, how can i do that?

I would like to update the version of the @babel/core lib inside of the package.json of the react-scripts (it was installed @5.0.1), can i achieve that through npm run eject ? Or it needs to be done ...
João Freitas's user avatar
0 votes
1 answer
56 views

single spa Microfrontend and CRA application

Can we connect to app created using Create React App with single-spa MFE in root config import map file? If yes then what is the entry file which needs to be added in index.ejs file in single-spa root ...
Nandy's user avatar
  • 3
0 votes
1 answer
69 views

Managing Two .env Files (Development and Production) in a React Project

If I create two .env files, one named .env.development and the other .env.production, in the main directory and I add the following scripts to my package.json: "start": "NODE_ENV=...
tatoline's user avatar
  • 483
0 votes
0 answers
15 views

Client cannot connect to the server in the container

When I run my main Docker Compose, everything builds successfully. However, the client inside the container is unable to make request to the server. This is the input from the browser (http://server:...
Svetlin Dimitrov's user avatar
0 votes
0 answers
57 views

Google Cloud Build stuck on "Creating an optimized production build..."

I am trying to deploy our React app using Google Cloud Platform. I followed this YouTube video, and it worked well for a simple test React project. But when I applied it to our source code, the build ...
ZhefengJin's user avatar
-1 votes
1 answer
94 views

I can't Create React App using 'npx create-react-app'

I am trying to use the npx create-react app, but I have errors that are shown below: npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\Administrator npm ERR! errno -4058 npm ERR! ...
Anas ER-RAKIBI's user avatar
0 votes
0 answers
22 views

tried running npx create-react-app my-app in cmd after installing node but got bunch of errors

so I wanted to start create-react-app for a react project, I had earlier installed nodejs. In cmd, I entered the command npx create-react-app my-app. And I got the following error; npm ERR! code ...
elisha archibong's user avatar
0 votes
1 answer
9 views

React-parameter passing-Do I need to declare a parameter name before i call/use it from child component to parent component?

Herer's my Parent and Child Components: class ParentComponent extends Component { constructor(props) { super(props) this.state = { parentName: 'Parent' } this....
Cocopapoo's user avatar

1
2 3 4 5
119