Nuxt.jsでThree.jsを利用した時、importで [ERR_REQUIRE_ESM] エラーが出る

Question

前提・実現したいこと

Nuxt.jsとThree.jsを用いてWebページを作っています。
Three.jsの一部拡張機能(?)をimportしようとするとエラーが発生します。
エラーメッセージにはrequire()が使えないのに使っている、といった内容が書かれているように見えますが、requireは使用していませんし、Three.js内部も見てみましたが、使われていないように思います。
Babelか何かが変換したコードに含まれているのでしょうか?
解決策を教えてもらえるとありがたいです。

発生している問題・エラーメッセージ

$ npm run ganarateしたときに発生するエラーです。

......
ℹ Generating output directory: dist/                                                                                                                                 18:57:37
ℹ Generating pages    

 ERROR   /                                                                                                                                                           18:51:03

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /(PROJECT_PATH)/node_modules/three/examples/jsm/loaders/OBJLoader.js
require() of ES modules is not supported.
require() of /(PROJECT_PATH)/node_modules/three/examples/jsm/loaders/OBJLoader.js from /(PROJECT_PATH)/node_modules/vue-server-renderer/build.prod.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 OBJLoader.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from /(PROJECT_PATH)/node_modules/three/examples/jsm/package.json.

    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1085:13)
    at Module.load (internal/modules/cjs/loader.js:933:32)
    at Function.Module._load (internal/modules/cjs/loader.js:774:14)
    at Module.require (internal/modules/cjs/loader.js:957:19)
    at n (/(PROJECT_PATH)/node_modules/jiti/dist/v8cache.js:2:2472)
    at /(PROJECT_PATH)/node_modules/vue-server-renderer/build.prod.js:1:77944
    at Object.<anonymous> (webpack:/external "three/examples/jsm/loaders/OBJLoader.js":1:0)
    at __webpack_require__ (webpack/bootstrap:25:0)
    at Module.22 (pages/index.js:32:21)
    at __webpack_require__ (webpack/bootstrap:25:0)
    at async server.js:747:21
    at async Promise.all (index 0)
    at async getRouteData (.nuxt/utils.js:181:0)
    at async Promise.all (index 0)
    at async setContext (.nuxt/utils.js:266:0)
    at async createApp (.nuxt/index.js:120:0)

✔ Client-side fallback created: 200.html   

該当のソースコード

/components/ThreeJsComp.vue

<template>
  <div id='threeJsComp'>
    aaabbb
    <canvas id='threeJsCompCanvas' ref='canvas'></canvas>
  </div>
</template>
<script lang='js'>
import * as THREE from 'three'
import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls.js'
import {OBJLoader} from 'three/examples/jsm/loaders/OBJLoader.js';
import {MTLLoader} from 'three/examples/jsm/loaders/MTLLoader.js';


export default {
  name: 'ThreeJsComp',
  props: {},
  data() {
    return {
      canvas: null,
      renderer: null,
      controls: null,
      scene: null,
      camera: null,
      clock: null
    }
  },
  async mounted() {
    await this.initCanvas()
  },
  methods: {
    async initCanvas() {
　　　　　　　　　...
    (Three.jsのコード)
　　　　　　　　　...
    }
  }
}

/pages/index.vue

<template lang='html'>
  <div class='main'>
    <ThreeJsComp />
    aaa
  </div>
</template>

<script lang="ts">
// import ThreeComponent from '~/components/ThreeComponent.vue'
import ThreeJsComp from '~/components/ThreeJsComp.vue'

export default {
  components: {
    ThreeJsComp,
  },
}
</script>

試したこと

• 4つあるimportのうち、import * as THREE from 'three'以外が存在するときにエラーが発生します。
• ほか３つのimport文を消した時は正常にビルドできました。
• staticフォルダにThree.jsを直接ダウンロードして、

import {OBJLoader} from '/static/three/examples/jsm/loaders/OBJLoader.js';
のようにimportした時はエラーは発生せず、関数も正常に動作しました。

補足情報（FW/ツールのバージョンなど）

/package.json

{
  "name": "(プロジェクト名)",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "@nuxt/typescript-runtime": "^2.1.0",
    "@nuxtjs/composition-api": "^0.24.6",
    "@types/three": "^0.129.2",
    "core-js": "^3.15.1",
    "next-transpile-modules": "^8.0.0",
    "nuxt": "^2.15.7",
    "nuxt-property-decorator": "^2.9.1",
    "nuxt-typed-vuex": "^0.2.0",
    "pug": "^2.0.4",
    "pug-loader": "^2.4.0",
    "pug-plain-loader": "^1.1.0",
    "three": "^0.130.0",
    "three-orbitcontrols-ts": "^0.1.2"
  },
  "devDependencies": {
    "@nuxt/types": "^2.15.7",
    "@nuxt/typescript-build": "^2.1.0",
    "typescript": "^4.2.4",
    "webpack": "^4.46.0"
  }
}

/nuxt.config.json

export default {
  // Target: https://go.nuxtjs.dev/config-target
  target: 'static',

  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: '(プロジェクト名)',
    htmlAttrs: {
      lang: 'en'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
      { name: 'format-detection', content: 'telephone=no' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },

  // Global CSS: https://go.nuxtjs.dev/config-css
  css: [
  ],

  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [
  ],

  // Auto import components: https://go.nuxtjs.dev/config-components
  components: true,

  // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
  buildModules: [
    // https://go.nuxtjs.dev/typescript
    '@nuxt/typescript-build',
  ],

  // Modules: https://go.nuxtjs.dev/config-modules
  modules: [
  ],

  // Build Configuration: https://go.nuxtjs.dev/config-build
  build: {
  }
}

/tsconfig.json

{
  "compilerOptions": {
    "target": "ES2018",
    "module": "ESNext",
    "moduleResolution": "Node",
    "lib": [
      "ESNext",
      "ESNext.AsyncIterable",
      "DOM"
    ],
    "esModuleInterop": true,
    "allowJs": true,
    "sourceMap": true,
    "strict": true,
    "noEmit": true,
    "experimentalDecorators": true,
    "baseUrl": ".",
    "paths": {
      "~/*": [
        "./*"
      ],
      "@/*": [
        "./*"
      ]
    },
    "types": [
      "@nuxt/types",
      "@types/node"
    ]
  },
  "exclude": [
    "node_modules",
    ".nuxt",
    "dist"
  ]
}