Create-react-app Questions
Ad
How to make dynamic import/require depend of variable with code cleanup?
I have react app created by "react-create-app" with latest react 16.12 and webpack i need to make import with dependence on variable, like
Debugging: ESLint Warning "Function declared in a loop contains unsafe references to variable(s)...no-loop-func"
Building a sort-visualizer in react using the create-react-app
How to use React components on WebWorker
I am creating a pdf generator using the react-pdf package at
React SVG component render dynamically
I'm building a local weather app on react via create react app and i need to render weather icon dynamically based on a type of weather. i have
How can I divide prod and dev version in create-react-app
I have an application on the react, when the build i want insert another path, how can this be done? i have two files with paths that need
How to config webpack to transpile files from other lerna packages (ejected from create-react-app)
I'm trying to build a lerna package with a create-react-app package and a simple component library. my component is as follows:
How to update pages when a service worker is registered from Create React App
I'm registering a service worker from create react app and i'm getting good scored in lighthouse for being a progressive web app and
React-app deployment to Github Pages - Build Successful but deploy failed
Initially, i deployed my react app (created with create-react-app) to github pages and it works fine. however, after a few changes to the
Role of navigator.serviceWorker.controller in serviceWorker.js of Create React App
Below is an excerpt of serviceworker.js generated by cra. what is the point of having if
Create React App shows serviceWorker.js and not the registerServiceWorker that a lot of tutorials show
When i figured i would use visual studio code to get a new react js application started with learning it etc.. i ran across microsoft site
Ad
Tutorial on reacts.org trying to set up a new project
I want to create a new project locally following the instruction on:
Can't resolve 'worker_threads' in create-react-app
I'm trying to use "worker_threads" in my react-app for some cpu-intensive works. but react-app can't find "worker_threads" in node.js library.
Where to place webpack.config.js in create-react-app project
I have been instructed to put some instructions inside the webpack.config.js file. however in my create-react-app project i cannot find that file.
Firebase `is not a function` Error with firebase 5.11.1 and greater
With these in my package.json "firebase": "^5.11.1", "react-scripts": "3.0.1", and then running
Create React App http-proxy-middleware not working
So i've set up my proxies on my create-react-app application using http-proxy-middleware. i'm sure i've followed the
React Chunk download background
In my react app production build i need a chunk to be downloaded in the browser in background. the issue is that currently when i click a button
Cannot read property 'type' of undefined create-react-app build
I am trying to build by create-react-app project but i am getting this error i don't understand it is working properly in development
GitHub Pages not able to update index.html meta tags with create react app(CRA)
Github pages wrap my create-react-app's index.html with its own index.html file. the original index.html file has meta tags, the github's
@typescript-eslint/[email protected]: The engine "node" is incompatible with this module
I want to create react app using comand npx create-react-app ... when i was running this command in terminal it showed this
How to use the function from the js file returned by an API in react?
I've been using create-react-app this is the sample request in the componentdidmount():
Visual Studio (2017 & 2019) ignoring TypeScriptCompileBlocked
I have been having some problems with visual studio compiling typescript files, this causes a huge headache since the compiled .js
Ad
eslint vscode plugin is not producing warnings for hooks
I created a react app with npx create-react-app my-app and did a yarn install. added the following to app.js: const a
How to use process.env variables in browser running by Cypress
In the source code of my application (react based on create-react-app) i'm using env variables like so: process.env.react_app_api_url
create-react-app Server + Node Server Without XSS Problems?
I'm using a create-react-app-generated server for my front-end (under the hood it uses webpack's dev server), and i'm using
React.js : How to start a react application on a different port
I just have started learning react.js and made two projects using create react app. now if i want to
difference between importing a component vs importing react
Hello every one i just want to know the mechanism behind how importing react from 'react' works in my cra-app but for my component i have to
Multi module projects with create-react-app
I have a project called frontend-core-components which contains my app component. i have another project (let's just call it
Azure - Splitting up a react app using Azure CDN Endpoints
I have a create-react-app website, it has multiple pages using react router. i discovered recently i can host my site using azure storage account
How to create a portal which can realtime preview widgets and generate widget embeddable link using React
I am trying to build a portal to create widgets. this portal will allow users to create different types widgets and preview how that widget look
Do I need to install babel to be able to write ES6 code in my react-app?
I created a react app and started trying to connect it to a server i have prepared using mongodb. whenever i check my localhost to see the react
Apache2 server applies Access-Control-Allow-Origin header to every response EXCEPT XHR
I’m testing deploying my cra app using apache httpd. it’s consuming an external api, so i need to configure the access-control-allow-origin
react-scripts build "Parse error on line 1"
I have created a react app with "create-react-app" and it runs fine via "npm start" however, when i try to build or deploy to heroku i get an
Ad
In react component how I can map the json property which is array of object?
Actually, i am new in react development and i want to show product page with it's summery but in json i have arrays of an object (maybe, shown in
Proxying multiple create-react-app static folders with Nginx
I have a nginx hosted on a vm with an authentication service that expose a simple login page and some other services hosted onto a secondary vm
How to load a production create-react-app script inside an html page?
I've created a create-react-app simple application (as a lib) and want to load it inside an html page as an external script. i
Different css stylesheet for routes
I am quite new to react and react-router-dom. the problem is, i am trying to get different layouts for different routes in my application. but
What is the difference between writing a variable after the render function and writing " this.name of variable " in the constructor function?
What is the difference between writing a variable after the render function like this : render() { var headers=[ { key:
NPM test getting mysteriously stuck when run in Jenkins
We have two typescript apps, both created through cra, and a ci pipeline which runs a series of npm commands to run tests/lint and
Where should I put the frontend server code in app created with create-react-app?
I created an app with create-react-app and i'd like to log something in its server console. how could i do this? i've tried
How can I pass a path to a statically served react app from rails api
I'm having the following setup: a create-react-app frontend with react-router that is bundled into a static
create-react-app typescript global.d.ts file doesn't work
I've got my global.d.ts file in src folder like this declare global { interface window { config: {
React TypeScript 16.8 - How to change the title of the page without Helmet
I've made a 404 not found page, but when i browse to it i want the title of the page to change, i dont want to use helmet but i cant seem to get
very poor performance react js
I have a web application on a reactjs, and it has very low performance even with production build
Ad
How to make a configurable json file for CRA bundle
I use cra to bundle my react app. there is a requirement for the bundle to have a static configurable json, for example
formik: TypeError: Cannot set property 'props' of undefined
I tried to put this formik code into create-react-app here is
TSX: Nested recursive Array of objects interface
I can't get my typescript interface to work with a react tsx component. i've got all the items inside an array of objects with possible sub
Override webpack config on CRA 3.x without ejecting
I try to customize webpack config on cra 3.x without ejecting. i want to custom build output on a external directory. the unique solution i have
General Questions for a ReactJs, Redux, Firebase project
I have a few general questions i would like to get an answer… i did my own research in: • the firebase documentation with little
After exiting the path, the state is reset
I am introducing a form into the /add-employee path, which captures the data into the main app.js file. after filling in the fields,
React dynamic image importing in development
I am building a react application which needs to display images dynamically which are stored, by the thousands, on a server-side file system. all
Not using 'localhost' in HOST for development with create-react-app
My problem is quite simple: i would like to avoid using localhost at the end of my host env variable with
How to block routes with '/' on create-react-app
I'm creating a simply spa with four pages and i found one big issue that crashes my app. i have four routes: <switch>
Do you really need to import 'React' when creating hooks? (React-hooks)
I saw the examples where https://reactjs.org/docs/hooks-custom.html they
React create-react-app Change name of static directory when building
I have a react application (created using create-react-app, and built using yarn). when i build the application
Ad
How do I push a node project to GitHub that contains a create-react-app in a subfolder?
I'm currently working on my first mern app. i have some issues regarding pushing my app to github. my app file structure is as follows:
How does Create React App deployed in subdirectory works with url parameters?
Regarding the documentation, deploying create react app into apache subfodler involve: adding these lines inside .htaccess
create-react-app "Failed to compile" on start up
I am getting the following error when using npm start to open create-react-app. i'm new to react and i have had no problems the past
How to connect react js frontend with express api backend
I am trying to create a axios post request to my express backend from my react front end i have tried including the proxy syntax to my
Apply CSS theme based on react state
I have a react application (bootstrapped with create react app and react-bootstrap) for which i am trying to add option
Generate two different index files for RTL and LTR support using Webpack
I am trying to have two different style files in my react application to support both rtl and ltr directions. therefore, i am using rtlcss and its
Blank page on mobile in my website hosted by Firebase
My website works fine on desktop but displays a blank page on mobile devices (ios / android). it's a create-react-app hosted by firebase.
How configure Jest when using react-app-rewired and customize-cra?
I am trying set up tests with jest in a create-react-app that is using the override function from
Problems exporting a React app as a npm module that contains a SVG picture
I have a react application created with create-react-app. i have built and published it as a npm module. everything
Proxy wordpress from react inside docker
I'm building a web app with create-react-app as a frontend and wordpress api as a backend. i want to use docker for a seamless deployment.
How to trigger hot reloading for React when a package in node_modules is changed?
I am building a react component library and additional documentation project. my goal is to display immediately all changes of the library
Ad
How to get require.context to work with Create React App with/withou Craco?
I'm trying to do some requires during runtime through require.context in my cra (with typescript) project, but i'm only getting these
How can remove console.log in the production build of a React application created using create-react-app?
How can remove console.log in the production build of a react application created using create-react-app cra?
How to configure manifest.json with create react app and webpack
I am working on react-boilerplate. and i also have configured webpack with but after integrating webpack i am getting error which is
Create React App Typescript: Transpile only, do not type check, do not lint
I have a small react project i want to deploy on a google compute engine instance with limited ram, under 1.5 gb. when building a
Can't create React Typescript application
When i executed command in cmd: npx create-react-app my-app --typescript it's seems like app will be typescript
Create React App Blank Page when including on existing site
I'm using xampp locally to host an exisiting cms and i want to include my react app within the cms by using an include (this works fine for
I'm not able to create react app by "create-react-app"
I'm not able to create react app by create-react-app and it gives me an error
How can I make my front end app access my node server apis
I have created a front end app by creat-react-app. the command "npm run start" can create a
How to fix the white screen after build with create-react-app?
I used react-router-dom and i build my react-app. when i deploy it on the server, i get a blank page and the console is empty.
Refreshing page when deployed to Netlify returns empty page
I have deployed a beta version of a create-react-app site to netlify via github (cd master branch - repo:
Catch all redirect for create-react-app in netlify
I have a built using create-react-app and hosted in netlify. in this
Ad
How to get class declarations from create-react-app?
After creating a new react project using npx create-react-app new i'm getting functional js code in app.js: import
Async named arrow fucntion Error 'Unexpected token'
I am learning react, using create-react-app. there was a situation that google could not solve. where am i wrong? how to fix it? i don’t
TypeScript errors doesn't show when running tests through JEST with create-react-app
As the title says, when writing incorrect typescript-code in a project set up with create-react-app, i don't get
React app deployed to GitHub Pages gives "Site not found"
I'm trying to deploy a create-react-app to github pages, but i'm getting a 404. 404 there isn't a github pages site
Why do I need theese specific packages in my ejected CRA project
Bootstrapped cra 3.0 app and then ejected. inspecting my package.json. found multiple packages usages of which are not really
How to generate sourcemaps in create react app?
I'm wondering how to generate source maps in create-react-app? are they done implicitly? and do they live in the build folder i've read
Clean Create React App's cache when importing graphql files
I'm using create-react-app and react-app-rewired to customize my configuration. here is my config-overrides.js :
Why does my create-react-app project output thousands of lines of warnings about types while compiling?
I'm taking over a legacy project. i'm mostly a backend programmer and not up on the latest js build tools. i'm trying to figure out how the
How to compress build with/without ejecting create-react-app. Also include compressed file into script tag into index.html
I'm using react-scripts build to make production ready build and to deploy it on aws server i'm using
What is the difference between .env.local and .env.development.local?
I used a create-react-app. and created environment variable files. .env.local,
Dynamic import with React and create-react-app
I have a component image which is using a value, coming from a loop. something like: arr.map(m => <component
Ad
Unexpected character ' ' (1:0) in node_modules\create-react-context\lib\index.js
This keeps happening in create-react-app every time i add a package using yarn. ./node_modules/create-react-context/lib/index.js
How to integrate Phaser into React
I've got a react application created with create-react-app and i'm trying to integrate phaser 3 as well. i followed
Setting environment variables in a shell script for a React app
I am trying to set some environment variables in a powershell (and bash) script and read them in a reactjs application. the shell script is
Babel problem while having a local node modules in my src folder
I have created a local node module and i have configured the webpack to consider this module (module is in src/component):
Blank page after running build on create-react-app
Trying to deploy create-react-app on netlify, however my build is blank page. i'm using .env file for loading firebase api key is that a problem
CSS Modules class names undefined
I try to use css modules in my project. i'm using latest create react app with react-scripts version 2.1.8. in the
How can i open a react app in this url: js-api.local.dev?
I have been requested to do an app that communicates with another app, i am requested to open my app in the url: js-api.local.dev as this url is
create-react-app testing "React is not defined"
I am using [email protected] with [email protected] with [email protected] and running my tests, they fail with
Losing settings for personal domain on GitHub after deploy React app
My problem i losing settings for personal domain on github after i deploy react app. i have my personal domain:
Issue in deployment of react app in netlify
i am trying to deploy react application in netlify as referred from the medium link:
Partially mock React module with Jest
I'm trying to mock only one function in imported react module, keep the rest of the module unmocked and do this at top level for all tests.
Ad
React PWA fails to reload in Chrome Dev Tools
I try to create pwa via create-react-app. react: 16.8.4 react-scripts: 2.1.8 chrome: 72.0.3626.121 the minimum
How can I select all folders and subfolders any layers deep with custom file ending?
I made a react app using create-react-app. i have a testing script in my react app's package.json like this: "test":
Ad
Blog Categories
Ad