Basically speaking, they serve different purposes and usually show up together. I will explain what they are designed to do. babel Babel is a transpiler. It can translate all kinds of high version ECMAScript ( not only ECMAScript, but it’s easy to understand) into ES5, which is more widely supported by browsers (especially older versions). … Read more
I have something similar happening to me. I have a react project that I want to convert to Typescript and I started as you noted with the “create-react-app”, added all my files and hoped for the best – but got stuck like you on the “Starting the development server” message. I have an 8GB Ram … Read more
I was able to do this by using advice from this issue. Put the configuration options react scripts likes to remove in a separate file (e.g. paths.json) and reference it from tsconfig.json via the extends directive. paths.json: { “compilerOptions”: { “baseUrl”: “./src”, “paths”: { “interfaces/*”: [ “common/interfaces/*”], “components/*”: [ “common/components/*”], } } } tsconfig.json { … Read more
// package.json { “name”: “your-project-name”, “version”: “0.1.0”, “homepage”: “./”, # <— Add this line —- … } Run npm run build again. This will change the path to ./, which is the relative path of your project.
I imagine you got this working by now, but for anyone else that finds this, you set your default environment variables in a .env file at the root of your “create-react-app” project. To separate out the variables used when using npm start and npm run build you can create two more env files – .env.development … Read more
create-react-app encapsulates all of the npm modules it is using internally, so that your package.json will be very clean and simple without you having to worry about it. However, if you want to start doing more complex things and installing modules that may interact with modules create-react-app is using under the hood, those new modules … Read more
create-react-app and react-scripts react-scripts is a set of scripts from the create-react-app starter pack. create-react-app helps you kick off projects without configuring, so you do not have to setup your project by yourself. react-scripts start sets up the development environment and starts a server, as well as hot module reloading. You can read here to … Read more