在 Nest.js 中对 ESM 模块使用导入会给出 [ERR_REQUIRE_ESM]：不支持 ES 模块的 require()

Question

我将nest.js与typescript一起使用并想添加

import { DRACOLoader, GLTFLoader, TextureLoader } from 'node-three-gltf'; 

在我的一个模块中。 但是，这会导致以下错误

c:\m3\dist\src\gltftest\gltftest.controller.js:23
const node_three_gltf_1 = require("node-three-gltf");
                          ^
Error [ERR_REQUIRE_ESM]: require() of ES Module c:\m3\node_modules\node-three-gltf\build\index.js from c:\m3\dist\src\gltftest\gltftest.controller.js not supported.Instead change the require of index.js in c:\m3\dist\src\gltftest\gltftest.controller.js to a dynamic import() which is available in all CommonJS modules.
    at Object.<anonymous> (c:\m3\dist\src\gltftest\gltftest.controller.js:23:27)
    at Object.<anonymous> (c:\m3\dist\src\gltftest\gltftest.module.js:12:30)

而我使用的 node-three-gltf@1.0.3 只是一个 esm 模块。 导致我在我的 typescript 模块/控制器中使用 ESM 导入语法来导入 ESM 模块 node-three-gltf 并得到这个错误的奇怪情况（至少对我来说 - 对这个来说是相当新的）。

似乎是由于我的项目的 nest.js 构建将我的 ES 语法转换为 CJS 语法，因此用 require 替换了我的导入，但没有转换 node-three-gltf 模块然后抱怨。

我的 tsconfig 是这样的：

{
   "compilerOptions": {
      "module": "commonjs",
      "moduleResolution": "Node",
      "target": "esnext",
...

从理论上讲，我看到以下选项：

• 确保我将所有内容构建为 ESM（我尝试通过将 tsconfig 中的模块设置为 ES2020 并将“type”：“module”添加到我的 package.json 中，然后导致不同依赖项的新导入错误（

不支持 node_modules\connect-typeorm\out' 解析从 C:\m3\dist\src\main.js 导入的 ES 模块您的意思是导入 connect-typeorm/out/index.js 吗？

• 确保 node-three-gltf 提供了一个 cjs 版本作为构建，看起来我可以提出一个 PR 但需要了解该依赖项的构建工具，所以不是很好的选择
• 升级到 node-three-gltf@1.10.0，因为它有一个 cjs 导出，但是它需要 Node 18，由于我无法控制的原因，我目前无法在生产中使用它
• 以将 esm 依赖项转换为 cjs 的方式调整 nest.js 构建 - 我不知道该怎么做。

所以我想知道 sb 是否可以建议我如何调整 nest.js 构建配置以对依赖项进行 esm->cjs 转换或将我指向另一个方向？

谢谢！ 吨

Answer 1

我相信您应该在您的应用程序中使用 CJS，并使用import()表达式来加载仅限 ESM 的 package。

请参阅： 将仅依赖于 ESM 的库的 package 编译为 CommonJS package