Parsing Error: Cannot find module '@babel/preset-env' for Sanity

Question

For a React project, I installed Sanity under the schema folder and then I started adding different JS files into it, but even though there is no code in them, I get the error in the header for each js file.

I also tried

npm install --save-dev @babel/preset-react

but it didn't work.

I started to watch Clever Programmer's Uniswap video but I cannot move forward with the error.

Please provide enough code so others can better understand or reproduce the problem. — Community, Mar 27 '22 at 21:37
I’ve answered a similar question [here](https://stackoverflow.com/a/71686078/882733) which may help you. — Bryan Hickey, Mar 31 '22 at 02:10

score 12 · Answer 1 · edited Sep 28 '22 at 13:16

12

In your Sanity folder, you can add this code to the .eslintrc file:

"eslint.workingDirectories": ["./web", "./studio"]

So it should be like this:

{
  "extends": "@sanity/eslint-config-studio",
  "eslint.workingDirectories": ["./web", "./studio"]
}

edited Sep 28 '22 at 13:16

DᴀʀᴛʜVᴀᴅᴇʀ

7,681
17
73
127

answered May 20 '22 at 02:56

Dan Ng

121
6

score 1 · Answer 2 · edited Sep 28 '22 at 13:18

I don't know if you solved it. You might need to change your webpack.config file. Go to:

node_modules/react-scripts/config

and open your webpack.config.js. Inside this file search for babel options and add this preset:

presets: [
  [
    require.resolve('babel-preset-react-app'),
    {
      runtime: hasJsxRuntime ? 'automatic' : 'classic',
    },
  ],
],

so your webpack.config file should look like

test: /\.(js|mjs|jsx|ts|tsx)$/,
include: paths.appSrc,
loader: require.resolve('babel-loader'),
options: {
customize: require.resolve(
  'babel-preset-react-app/webpack-overrides'
),
presets: [
  [
    require.resolve('babel-preset-react-app'),
    {
      runtime: hasJsxRuntime ? 'automatic' : 'classic',
    },
  ],
],
// @remove-on-eject-begin
babelrc: false,
configFile: false,

score 0 · Answer 3 · answered Jun 17 '23 at 04:42

0

Yes, In my case, this command is working now "eslint.workingDirectories": ["./web", "./studio"]

after adding this command project will working

answered Jun 17 '23 at 04:42

Yuvraj Singh

51
6

score -1 · Answer 4 · edited May 08 '22 at 11:16

-1

You can just change your .eslinc files into:

["next/babel", "next/core-web-vitals"]

edited May 08 '22 at 11:16

Stephen Ostermiller

23,933
14
88
109

answered May 02 '22 at 04:56

JustARandomProgrammer

11
1

2

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community May 02 '22 at 11:55

Parsing Error: Cannot find module '@babel/preset-env' for Sanity

4 Answers4