I've installed <code>eslint</code> as a dev dependency on my create-react-app project. I'm doing this to 1) run eslint as a pre-commit check via husky and lint-staged 2) extend CRA's eslint with airbnb and prettier lint configs I got the warning: <pre class="prettyprint"><code>Manually installing incompatible versions is known to cause hard-to-debug issues ... </code></pre> I just wanted to know if there's actually any real risk to having eslint manually installed? Or can I just "safely ignore" this warning? (via SKIP_PREFLIGHT_CHECK=true)

CRA projects scan the dependency tree for version mismatches issues, warning the developers about them to fix. SKIP_PREFLIGHT_CHECK=true skips this scan, so you may have version mismatches in your project without any advice. IMO you have 3 options: <ol> <li> Use SKIP_PREFLIGHT_CHECK=true with the possibility of a false positive </li> <li> (NOT recommended) Eject your react project so that you can be responsible for managing all the package versions in it. This is probably not what you want and will likely lead to bigger future problems. </li> <li> (I'd go for this one) Check if you really need to override the CRA package version. I've already worked on some projects with Airbnb eslint and prettier and never had this warning. </li> </ol>

Is there a downside to disabling create-react-app's SKIP_PREFLIGHT

I've installed eslint as a dev dependency on my create-react-app project. I'm doing this to

1) run eslint as a pre-commit check via husky and lint-staged

2) extend CRA's eslint with airbnb and prettier lint configs

I got the warning:

Manually installing incompatible versions is known to cause hard-to-debug issues ...

I just wanted to know if there's actually any real risk to having eslint manually installed? Or can I just "safely ignore" this warning? (via SKIP_PREFLIGHT_CHECK=true)

Why you should stop using create react app?

CRA provides a bunch of tools not required for basic applications, which surely makes it overwhelming for beginners and makes our app slow in various ways. Due to the excessive amount of libraries required by CRA, It takes a lot longer bundling time than VITE! Vite makes it a lot easier for developers.

Can I uninstall create react app?

When you create a new React project, all the project files are stored inside a project directory. To delete React app, just simply delete this directory. If you get any errors during this process, try to use the terminal instead of file explorer.

Is create react app recommended?

Create React App is a comfortable environment for learning React, and is the best way to start building a new single-page application in React. npx on the first line is not a typo — it's a package runner tool that comes with npm 5.2+.

CRA projects scan the dependency tree for version mismatches issues, warning the developers about them to fix. SKIP_PREFLIGHT_CHECK=true skips this scan, so you may have version mismatches in your project without any advice. IMO you have 3 options:

Use SKIP_PREFLIGHT_CHECK=true with the possibility of a false positive
(NOT recommended) Eject your react project so that you can be responsible for managing all the package versions in it. This is probably not what you want and will likely lead to bigger future problems.
(I'd go for this one) Check if you really need to override the CRA package version. I've already worked on some projects with Airbnb eslint and prettier and never had this warning.

Is there a downside to disabling create-react-app's SKIP_PREFLIGHT_CHECK?

Tags:

javascript

npm

reactjs

eslint

create-react-app

adrayv

People also ask

Video Answer

1 Answers

Gabriel Marques

Recent Activity

Donate For Us