create-react-app eslint 错误“解析错误：‘import’和‘export’可能只出现在‘sourceType:module’中”

Question

I have just created a new app using create-react app and eslint is giving me this error Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

i am new to react and dont know what i am doing wrong, though the app is running fine I am using VS code editor. How to remove this problem?

Answer 1

Try adding sourceType: "module" To the eslint configuration

// in .eslintrc.js (recommended) or .eslintrc (deprecated)
{
...
  "parserOptions": {
    ...
    "sourceType": "module"
    ...
  } 
...
}

https://eslint.org/docs/user-guide/configuring#specifying-parser-options

Answer 2

Since I am unable to upvote yet, @Yossi is right, add the proper sourceType into your eslintrc.js/.json file. Worked for me.