babel-preset-env | PSA : this repo has been moved into babel/babel -- >

I think the problem is that you are trying to use the deprecated babel-eslint parser, last updated a year ago, which looks like it doesn't support ES6 modules. Updating to the latest parser seems to work, at least for simple linting.

So, do this:

• In package.json, update the line "babel-eslint": "^10.0.2", to "@babel/eslint-parser": "^7.5.4",. This works with the code above but it may be better to use the latest version, which at the time of writing is 7.16.3.
• Run npm i from a terminal/command prompt in the folder
• In .eslintrc, update the parser line "parser": "babel-eslint", to "parser": "@babel/eslint-parser",
• In .eslintrc, add "requireConfigFile": false, to the parserOptions section (underneath "ecmaVersion": 8,) (I needed this or babel was looking for config files I don't have)
• Run the command to lint a file

Then, for me with just your two configuration files, the error goes away and I get appropriate linting errors.

I found the solution, it was just in the file jest.tsconfig.json change the field "sourceMap" to true:

Your node version is lower than 12.20，Please select one of the schemes

1.Upgrade your node

npm install node@12.20.0 -g

Or the latest
npm install node@latest -g

Under Windows npm install node may note work, and you should install the latest from https://nodejs.org/en/download/ using Windows Installer (.msi)

2.Reduce the version of copy-webpack-plugin

npm install copy-webpack-plugin@9 -D

There are some type defs in the cypress-audit package that should be kicking in. Perhaps it's the mixture of ts and js files?

Try adding these to /cypress/support/index.ts

After a week I have finally found a solution.

First I tried reinstalling an older versions of node and npm, which did not fix my issue. Then I reinstalled the versions I stated above.

Somehow my project became corrupted, potentially because I updated Node/NPM while it was open. I then tried carrying over my code into a new create-react-app. After doing this I went to my package.json folder and came to find my final steps was with the version I have of react in my dependencies.

The version of react I was using ( "react": "^17.0.2") is not compatiable with a lot of the node modules I'm using in my project, which caused them to not be found in NPM.

I was able to fix this by reverting to an older version of react by updating to the following in my dependencies for my package.json file:

If you are not using @babel/preset-env then your code shouldn't change by default. Only react should get transpiled to es5 (mostly JSX transpilation). You are probably mentioning the boilerplate code added by webpack which can be in es5.

you can use optimization: { minimize: false } in your webpack config, to see your bundle better.

These boilerplates by webpack are called runtime.

There is no way to force webpack to use a set of features, but you can force it to NOT use a set of features threw output.environment.*. For example with the code below you are saying to not use const in the runtime code.

The error happened when running node-gyp during installation of node-sass as you can see in the error. Also mentioned in the error log, you most likely do not have Python installed.

Try running node-gyp rebuild.

If that fails, it means it is not setup correctly. Follow node-gyp documentation to setup your environment correctly, then re-run npm install.

Also, take a look at node-sass supported Node version.

The error is not because you are trying to use array de-structuring in general, it is because you are doing it inside the body of a class (where you can only declare properties).

React Hooks are only compatible with Function components anyway. You can't use them in Class components.

So you need to use Function Component syntax.

Uncaught TypeError: Cannot read properties of undefined (reading 'string')

I believe the issue is where you are declaring your proptypes for StarRating.