Error enabling ES modules

[sbfkcel]

What version of Next.js are you using?

12.0

What version of Node.js are you using?

14.16.0

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

next dev

Describe the Bug

Expected Behavior

--

To Reproduce

packages.json

{
  "name": "next",
  "version": "1.0.0",
  "type": "module",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "next": "^12.0.0",
    "react": "17.0.2",
    "react-dom": "17.0.2"
  }
}

next.config.js

export default {

};

yarn

yarn run dev

[ijjk]

Hi, esm support is enabled by default you should not add type: 'module' to your Next.js project's package.json

[sbfkcel]

Hi, esm support is enabled by default you should not add type: 'module' to your Next.js project's package.json

next.config.js

Still need to comply with the CMD specification? If you don't add "type":"module", next.config.js will make an error when using ES module.

[rinarakaki]

The file extension must be .mjs for the time being to enable ESM: next.config.mjs. The full support of "type": "module" is in progress. See #9607 (comment).

[timneutkens]

As @rnarkk said, this is being tracked in #9607 👍

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.