Error [ERR_REQUIRE_ESM]: Must use import to load ES Module

[lenkors]

Hi. Have some problem with my Vue.js app, a project without nuxt, I was looking for similar problems, but there is no result, to solve this problem, maybe someone has already met with this problem?

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: C:\Fcode\OSPanel\domains\back\prj.ss\prjx.ss\node_modules\@babel\runtime\helpers\esm\unsupportedIterableToArray.js
require() of ES modules is not supported.
require() of C:\Fcode\OSPanel\domains\back\prj.ss\prjx.ss\node_modules\@babel\runtime\helpers\esm\unsupportedIterableToArray.js from C:\Fcode\OSPanel\domains\back\prj.ss\prjx.ss\node_modules\vue-server-renderer\build.dev.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
Instead rename unsupportedIterableToArray.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from C:\Fcode\OSPanel\domains\back\prj.ss\prjx.ss\node_modules\@babel\runtime\helpers\esm\package.json.

    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1080:13)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at r (C:\Fcode\OSPanel\domains\back\prj.ss\prjx.ss\node_modules\vue-server-renderer\build.dev.js:9315:16)
    at eval (webpack:///external_%22@babel/runtime/helpers/esm/unsupportedIterableToArray%22?:1:18)
    at Object.@babel/runtime/helpers/esm/unsupportedIterableToArray (js/main.js:7053:1)
    at __webpack_require__ (js/main.js:27:30)
    at eval (webpack:///./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js?:15:111)

my .babelrc file

{
    "plugins": [
      [
        "@babel/plugin-transform-runtime",
        {
          "absoluteRuntime": false,
          "corejs": false,
          "helpers": true,
          "regenerator": true,
          "useESModules": false,
          "version": "7.0.0-beta.0"
        }
      ]
    ]
  }

[nicolo-ribaudo]

This is vuejs/vue-cli#6018, you can set VUE_CLI_BABEL_TRANSPILE_MODULES=true as a workaround when running your buil command.

[lenkors]

Thank you so much, it works