[NEXT-781] strict mode error for projects that do not specify "type": "module"

[sangotaro]

Verify canary release

• I verified that the issue exists in Next.js canary release

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 20.6.0: Tue Oct 12 18:33:38 PDT 2021; root:xnu-7195.141.8~1/RELEASE_ARM64_T8101
Binaries:
  Node: 16.13.1
  npm: 8.1.2
  Yarn: N/A
  pnpm: N/A
Relevant packages:
  next: 12.1.0
  react: 17.0.2
  react-dom: 17.0.2

What browser are you using? (if relevant)

Chrome

How are you deploying your application? (if relevant)

No response

Describe the Bug

In next dev, Non-ESM files default to strict mode in projects that do not specify "type": "module" in package.json

Therefore, the non-ESM script is trapped by the strict mode validation and an error occurs.

// non-esm.js
with (Math) {
  console.log(PI);
}

// pages/index.tsx
import type { NextPage } from "next";
import { useEffect } from "react";

const Home: NextPage = () => {
  useEffect(() => {
    require("../non-esm.js"); // Error!!
  }, []);
  return <div>test</div>;
};

export default Home;

babel error:

swc error:

In the case of babel-loader, this problem can be avoided by changing the extension from js to cjs. However, for swc, this problem cannot be avoided with either extension.

This problem occurs at next@12.1.0. Possible causes of PR: #33637

Expected Behavior

next dev works without error.　

To Reproduce

• npx create-next-app@latest
• npm run dev
• Go to http://localhost:3000/

_NEXT-781

[jankaifer]

repro: https://github.com/JanKaifer/next-repro-34796