karlhadwen / eslint-prettier-airbnb-react Goto Github PK

To fix the dependency tree, try following the steps below in the exact order:

1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.
2. Delete node_modules in your project folder.
3. Remove "babel-eslint" from dependencies and/or devDependencies in the package.json file in your project folder.
4. Run npm install or yarn, depending on the package manager you use.

In most cases, this should be enough to fix the problem.
If this has not helped, there are a few other things you can try:

5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead.
   This may help because npm has known issues with package hoisting which may get resolved in future versions.

6. Check if C:\Users\klmaa\OneDrive\Bureaublad\dexhub\client\node_modules\babel-eslint is outside your project directory.
   For example, you might have accidentally installed something in your home folder.

7. Try running npm ls babel-eslint in your project folder.
   This will tell you which other package (apart from the expected react-scripts) installed babel-eslint.

If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That would permanently disable this preflight check in case you want to proceed anyway.

P.S. We know this message is long but please read the steps above :-) We hope you find them helpful!

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: react-scripts start
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\klmaa\AppData\Roaming\npm-cache_logs\2020-10-22T15_14_13_603Z-debug.log

I keep getting these , any idea how to solve this?

Does this script modifies package.json to add all the dependencies?
Because I'm running the script and it only adds files to node_modeles (besides the configuration files for eslint and prettier).

Running the command given in the README file, generates this .prettierrc file

{
  "printWidth": 100,
  "singleQuote": true,
  "trailingComma": "none"
}

This includes the printWidth that was set during the setup procedure (100) as the maximum line length. However, this does not limit the line length to 100 characters. It instead limits them to 80 characters. I also observed a similar issue with the singleQuotes setting. Turning it off,singleQuotes: false, will not work and on saving the file, it will still permit single quotes within the current file.

This may be due to the fact that there are already enforced restrictions in the generated .eslintrc. Something like :-

    "quotes": [
      2,
      "single",
      {
        "avoidEscape": true,
        "allowTemplateLiterals": true
      }
    ],

I believe doing it this way would make the prettierrc file redundant for the most part.