Nuxt not building due to upstream @babel/preset-env change #8882

tkrause · 2021-02-23T01:03:37Z

Versions

nuxt: 2.15.1
node: 15.0.1

Reproduction

Make a new project and try to build it.

Steps to reproduce

See above

What is Expected?

It should build and show the welcome page.

What is actually happening?

The build fails with the error log.

This is caused by upstream package @babel/preset-env. Starting from version 7.12.17 which is the current minimum version, the utils.js file no longer exists.

To fix this, Nuxt would either need to upgrade to support or lock the package version to 7.12.16. I've done this on my local package.

 ERROR  in ./.nuxt/client.js                                                                                                                                                                                                        friendly-errors 17:55:29

Module build failed (from ./node_modules/babel-loader/lib/index.js):                                                                                                                                                                friendly-errors 17:55:29
Error: /Users/tj/Development/my.springs/.nuxt/client.js: Cannot find module '@babel/preset-env/lib/utils'
Require stack:
- /Users/tj/Development/my.springs/node_modules/@nuxt/babel-preset-app/src/polyfills-plugin.js
- /Users/tj/Development/my.springs/node_modules/@nuxt/babel-preset-app/src/index.js
- /Users/tj/Development/my.springs/node_modules/@babel/core/lib/config/files/module-types.js
- /Users/tj/Development/my.springs/node_modules/@babel/core/lib/config/files/configuration.js
- /Users/tj/Development/my.springs/node_modules/@babel/core/lib/config/files/index.js
- /Users/tj/Development/my.springs/node_modules/@babel/core/lib/index.js
- /Users/tj/Development/my.springs/node_modules/babel-loader/lib/index.js
- /Users/tj/Development/my.springs/node_modules/loader-runner/lib/loadLoader.js
- /Users/tj/Development/my.springs/node_modules/loader-runner/lib/LoaderRunner.js
- /Users/tj/Development/my.springs/node_modules/webpack/lib/NormalModule.js
- /Users/tj/Development/my.springs/node_modules/webpack/lib/NormalModuleFactory.js
- /Users/tj/Development/my.springs/node_modules/webpack/lib/Compiler.js
- /Users/tj/Development/my.springs/node_modules/webpack/lib/webpack.js
- /Users/tj/Development/my.springs/node_modules/@nuxt/webpack/dist/webpack.js
- /Users/tj/Development/my.springs/node_modules/@nuxt/builder/dist/builder.js
- /Users/tj/Development/my.springs/index.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:900:15)
    at Function.Module._load (node:internal/modules/cjs/loader:745:27)
    at Module.require (node:internal/modules/cjs/loader:972:19)
    at n (/Users/tj/Development/my.springs/node_modules/jiti/dist/v8cache.js:2:2364)
    at PluginPass.Program (/Users/tj/Development/my.springs/node_modules/@nuxt/babel-preset-app/src/polyfills-plugin.js:15:34)
    at newFn (/Users/tj/Development/my.springs/node_modules/@babel/traverse/lib/visitors.js:175:21)
    at NodePath._call (/Users/tj/Development/my.springs/node_modules/@babel/traverse/lib/path/context.js:55:20)
    at NodePath.call (/Users/tj/Development/my.springs/node_modules/@babel/traverse/lib/path/context.js:42:17)
    at NodePath.visit (/Users/tj/Development/my.springs/node_modules/@babel/traverse/lib/path/context.js:92:31)
    at TraversalContext.visitQueue (/Users/tj/Development/my.springs/node_modules/@babel/traverse/lib/context.js:116:16)
    at TraversalContext.visitSingle (/Users/tj/Development/my.springs/node_modules/@babel/traverse/lib/context.js:85:19)
    at TraversalContext.visit (/Users/tj/Development/my.springs/node_modules/@babel/traverse/lib/context.js:144:19)
    at Function.traverse.node (/Users/tj/Development/my.springs/node_modules/@babel/traverse/lib/index.js:82:17)
    at traverse (/Users/tj/Development/my.springs/node_modules/@babel/traverse/lib/index.js:62:12)
    at transformFile (/Users/tj/Development/my.springs/node_modules/@babel/core/lib/transformation/index.js:107:29)
    at transformFile.next (<anonymous>)
                                                                                                                                                                                                                                    friendly-errors 17:55:29
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                                                    friendly-errors 17:55:29

The text was updated successfully, but these errors were encountered:

markhoney · 2021-02-23T01:10:40Z

I've reported this issue to the Babel team: babel/babel#12856

engmagdy87 · 2021-02-23T01:26:10Z

the same for me but for nuxt version 2.14.6

`@babel/preset-env` shipped a change that broke Nuxt.js usage of the module, so here we add a `yarn.lock` file that pins the preset-env version to 7.12.17. See: nuxt/nuxt#8882

OysterD3 · 2021-02-23T02:08:18Z

Any workaround at the moment?

TooTallNate · 2021-02-23T02:17:14Z

Workaround is to pin @babel/preset-env to version 7.12.17 in the yarn.lock file using resolutions.

OysterD3 · 2021-02-23T02:22:15Z

Workaround is to pin @babel/preset-env to version 7.12.17 in the yarn.lock file using resolutions.

Doesn't work either

EDIT: My bad, I used @babel/core instead of @babel/preset-env. It works! Thanks

jrcichra · 2021-02-23T02:26:59Z

Worked for me:

  "resolutions": {
    "@babel/preset-env": "7.12.17"
  }

thederekkaplan · 2021-02-23T02:40:54Z

Is there a workaround for people using npm instead of yarn?

OysterD3 · 2021-02-23T02:41:45Z

@thederekkaplan npm doesn't support natively, but you can check this package

0214ggyy · 2021-02-23T03:09:57Z

@tkrause
Delete initialization uninstall @babel/preset-env install specified version @babel/preset-env@7.12.17

rallz-dev · 2021-02-23T03:17:45Z

@thederekkaplan , I found the answer here by hzoo.
Basically have your dependencies look like this

"dependencies": { "core-js": "^3.8.3", "nuxt": "^2.14.12", **"@babel/preset-env": "~7.12.0"** },

it should do the trick.

bhskt · 2021-02-23T04:15:59Z

Following

vebr · 2021-02-23T04:49:49Z

Worked from me:

Add this on devDependencies:

"@babel/preset-env": "7.12.17"

or

Workaround is to pin @babel/preset-env to version 7.12.17 in the yarn.lock file using resolutions.

Install corejs@3

yarn add --dev core-js@3 @babel/runtime-corejs3

and update build.babel in nuxt.config.js

babel: {
        presets() {
          return [
            [
              '@nuxt/babel-preset-app',
              {
                corejs: {
                  version: 3,
                },
              },
            ],
          ];
        },

hosseintaromi · 2021-02-23T08:17:10Z

Worked from me:

Add this on devDependencies:
"@babel/preset-env": "7.12.17"
or

Workaround is to pin @babel/preset-env to version 7.12.17 in the yarn.lock file using resolutions.

Install corejs@3
yarn add --dev core-js@3 @babel/runtime-corejs3
and update build.babel in nuxt.config.js
babel: {
        presets() {
          return [
            [
              '@nuxt/babel-preset-app',
              {
                corejs: {
                  version: 3,
                },
              },
            ],
          ];
        },

yes it works for me 👍

pi0 · 2021-02-23T09:26:24Z

Thanks for report. Issue is solved in 2.15.2 by pinning @babel-preset/env to ~7.12 until properly upgrading.

If for any reason cannot upgrade to 2.15, you can use resolutions field in package.json (requires using yarnpkg):

  "resolutions": {
    "@babel/preset-env": "~7.12.17"
  }

If using npm, should additionally use npm-force-resolutions

"scripts": {
  "preinstall": "npx npm-force-resolutions"
}

mainrs · 2021-02-23T15:16:03Z

Following

FYI, you can just press the subscribe button on the right side, no need to comment ;)

jjhesk · 2021-02-23T16:02:27Z

@thederekkaplan , I found the answer here by hzoo.
Basically have your dependencies look like this

"dependencies": { "core-js": "^3.8.3", "nuxt": "^2.14.12", **"@babel/preset-env": "~7.12.0"** },

it should do the trick.

now only this one is working for me, I am using cnpm without yarn nor npm..

jsen1024 · 2021-02-25T07:59:10Z

https://stackoverflow.com/questions/66325582/nuxt-js-cannot-find-module-babel-preset-env-lib-utils/66364437#66364437

You can try to do：

// package.json
"devDependencies": {
   + "@babel/preset-env": "7.12.17",
    "cross-env": "^5.2.0",
    "css-loader": "^3.2.0",
    "node-sass": "^4.14.1",
    "sass-loader": "^8.0.2",
    "style-loader": "^1.0.0"
  },

// package-lock.json
  "@babel/preset-env": {
      +"version": "7.12.17",
     ...,
     "@nuxt/babel-preset-app": {
        "requires": {
           "@babel/preset-env": "7.12.17",
           ...
         }
     }
   }

VitorSavedra · 2021-02-25T17:43:30Z

Thanks for report. Issue is solved in 2.15.2 by pinning @babel-preset/env to ~7.12 until properly upgrading.

If for any reason cannot upgrade to 2.15, you can use resolutions field in package.json (requires using yarnpkg):
  "resolutions": {
    "@babel/preset-env": "~7.12.17"
  }
If using npm, should additionally use npm-force-resolutions
"scripts": {
  "preinstall": "npx npm-force-resolutions"
}

Works for me! :)
Tks.

pi0 · 2021-02-25T17:48:09Z

Just to clarify status of this issue it is fixed in latest versions of both preset-env and nuxt. So it is recommended to recreate-lock file and use latest versions and avoid pinning to 7.12 :)

n1ngu · 2021-03-03T10:32:39Z

Thank you all.

I may be still astray, shouldn't this 173f48b be reverted? @nuxt/babel-preset-app==2.15.2 keeps requiring @babel/preset-env~7.12.17

ref: nuxt/nuxt#8882 (comment)

Mosavi87 · 2023-06-10T05:16:00Z

you can run this comment for this issue

yarn add @babel/plugin-proposal-private-property-in-object --dev

or

npm install @babel/plugin-proposal-private-property-in-object --dev

0214ggyy · 2023-06-10T05:16:20Z

在欢乐时，朋友们会认识我们；在患难时，我们会认识朋友。谢谢，来信！！！

tkrause added the bug-report label Feb 23, 2021

TooTallNate mentioned this issue Feb 23, 2021

[examples] Fix "nuxtjs" example by adding a yarn.lock file vercel/vercel#5882

Merged

LumaKernel mentioned this issue Feb 23, 2021

Failing to build client Nuxt + Basic + Universal ( nuxt-ts generate ) frouriojs/create-frourio-app#185

Closed

3 tasks

This was referenced Feb 23, 2021

Module build failed (from ./node_modules/babel-loader/lib/index.js): nuxt/create-nuxt-app#725

Closed

Manual installation instructions not working nuxt/website-v2#1284

Closed

pi0 self-assigned this Feb 23, 2021

pi0 closed this as completed Feb 23, 2021

pi0 mentioned this issue Feb 23, 2021

fix: update @babel/preset-env to 2.13.x #8887

Merged

7 tasks

Beraliv mentioned this issue Apr 12, 2021

build: 🔄 portfolio dependencies Beraliv/beraliv.dev#61

Merged

BuckyMaler mentioned this issue Jul 24, 2021

Nuxt compilation error - Cannot find module '@babel/preset-env/lib/utils' ZachJW34/nx-plus#190

Closed

indirectlylit added a commit to indirectlylit/kolibri-design-system that referenced this issue Sep 15, 2021

pin dependencies which conflict between nuxt and kolibri-tools

b22c4cb

ref: nuxt/nuxt#8882 (comment)

danielroe added 2.x pending triage labels Jan 18, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Nuxt not building due to upstream @babel/preset-env change #8882

Nuxt not building due to upstream @babel/preset-env change #8882

tkrause commented Feb 23, 2021

markhoney commented Feb 23, 2021

engmagdy87 commented Feb 23, 2021 •

edited

OysterD3 commented Feb 23, 2021

TooTallNate commented Feb 23, 2021

OysterD3 commented Feb 23, 2021 •

edited

jrcichra commented Feb 23, 2021

thederekkaplan commented Feb 23, 2021

OysterD3 commented Feb 23, 2021

0214ggyy commented Feb 23, 2021

rallz-dev commented Feb 23, 2021 •

edited

bhskt commented Feb 23, 2021

vebr commented Feb 23, 2021 •

edited

hosseintaromi commented Feb 23, 2021

pi0 commented Feb 23, 2021

mainrs commented Feb 23, 2021

jjhesk commented Feb 23, 2021

jsen1024 commented Feb 25, 2021 •

edited

VitorSavedra commented Feb 25, 2021

pi0 commented Feb 25, 2021 •

edited

n1ngu commented Mar 3, 2021 •

edited

Mosavi87 commented Jun 10, 2023 •

edited

0214ggyy commented Jun 10, 2023 via email

Nuxt not building due to upstream @babel/preset-env change #8882

Nuxt not building due to upstream @babel/preset-env change #8882

Comments

tkrause commented Feb 23, 2021

Versions

Reproduction

Steps to reproduce

What is Expected?

What is actually happening?

markhoney commented Feb 23, 2021

engmagdy87 commented Feb 23, 2021 • edited

OysterD3 commented Feb 23, 2021

TooTallNate commented Feb 23, 2021

OysterD3 commented Feb 23, 2021 • edited

jrcichra commented Feb 23, 2021

thederekkaplan commented Feb 23, 2021

OysterD3 commented Feb 23, 2021

0214ggyy commented Feb 23, 2021

rallz-dev commented Feb 23, 2021 • edited

bhskt commented Feb 23, 2021

vebr commented Feb 23, 2021 • edited

hosseintaromi commented Feb 23, 2021

pi0 commented Feb 23, 2021

mainrs commented Feb 23, 2021

jjhesk commented Feb 23, 2021

jsen1024 commented Feb 25, 2021 • edited

VitorSavedra commented Feb 25, 2021

pi0 commented Feb 25, 2021 • edited

n1ngu commented Mar 3, 2021 • edited

Mosavi87 commented Jun 10, 2023 • edited

0214ggyy commented Jun 10, 2023 via email

engmagdy87 commented Feb 23, 2021 •

edited

OysterD3 commented Feb 23, 2021 •

edited

rallz-dev commented Feb 23, 2021 •

edited

vebr commented Feb 23, 2021 •

edited

jsen1024 commented Feb 25, 2021 •

edited

pi0 commented Feb 25, 2021 •

edited

n1ngu commented Mar 3, 2021 •

edited

Mosavi87 commented Jun 10, 2023 •

edited