0

Problem

I'm trying to create a babel environment (on an external drive if that matters) and I've been following the documentation as listed in the resources. I believe the Babel resources are up-to-date and I've downloaded the various dev deps however on running 'npm start', the "Cannot find module '@babel/preset-env'" appears.

According to package.json there is no mismatch between babel/core and babel/preset-env What am I missing here?

Update - I now see a different error

After changing the scripts I now see a new error. See below.

Current Error

node:internal/modules/cjs/loader:998
  throw err;
  ^

Error: Cannot find module 'D:\APIs\graphQL\course_api\src'
    at Module._resolveFilename (node:internal/modules/cjs/loader:995:15)
    at Module._load (node:internal/modules/cjs/loader:841:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at Object.<anonymous> (D:\APIs\graphQL\course_api\node_modules\@babel\node\lib\_babel-node.js:146:21)
    at Module._compile (node:internal/modules/cjs/loader:1159:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1213:10)
    at Module.load (node:internal/modules/cjs/loader:1037:32)
    at Module._load (node:internal/modules/cjs/loader:878:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}

Resources Used

Babel docs
Stack Overflow on env-preset
Stack Overflow: Did you mean @babel/env
Stack Overflow: Couldn't find preset-env relative to directoy

Modules

"dependencies": {// blank}
"devDependencies": {
    "@babel/cli": "^7.19.3",
    "@babel/core": "^7.20.2",
    "@babel/node": "^7.20.2",
    "@babel/preset-env": "^7.20.2",
    "nodemon": "^2.0.20"
  }

Scripts

  "scripts": {
    "babel-node": "babel-node --presets='@babel/preset-env'",
    "start": "nodemon --exec npm run babel-node -- src"
  },

babel.config.json

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "edge": "17",
          "firefox": "60",
          "chrome": "67",
          "safari": "11.1"
        },
        "useBuiltIns": "usage",
        "corejs": "3.6.5"
      }
    ]
  ]
}

File Structure

[File Structure

What I've tried

  • I tried following an outdated solution and installing with 'npm i -D babel-preset-env' This answer is now 3 years old and googling the library leads you to @babel/preset-env
  • I tried updating the script to be very specific
"babel-node": "babel-node --presets='./node_modules/@babel/preset-env'",
"babel-node": "babel-node --presets=@babel/preset-env", // removed quotation marks

I'm not sure what to expect at the moment. I just have a folder src with a simple index.js file inside with a very basic arrow function. I'm not sure what to do next.

Lauro235
  • 121
  • 1
  • 8

0 Answers0