必须使用 import 加载 ES Module：E:\projects\weblog\next.config.js

Question

我在 NextJs 中使用 reactstrap，当我从中导入某些内容时，它会显示此错误：

错误 [ERR_REQUIRE_ESM]：必须使用导入来加载 ES 模块：E:\projects\weblog\next.config.js 不支持 ES 模块的 require()。 E:\projects\weblog\next.config.js 的 require() 来自 E:\projects\weblog\node_modules\next\dist\next-server\server\config.js 是一个 ES 模块文件，因为它是一个 .js其最近的父 package.json 包含 "type": "module" 的文件，它将该包范围内的所有 .js 文件定义为 ES 模块。 而是将 next.config.js 重命名为以 .cjs 结尾，将所需代码更改为使用 import()，或从 E:\projects\weblog\package.json 中删除 "type": "module"。

这是我的next.config.js：

const path = require("path");
module.exports = {
   images: {
      domains: ["res.cloudinary.com"],
   },
   sassOptions: {
      includePaths: [path.join(__dirname, "styles/sass")],
   },
};

我该如何解决这个错误？

谢谢。

Answer 1

您需要从E:\projects\weblog\package.json.删除 "type": "module"

{
  "name": "My Best App",
  "version": "0.1.0",
  "type": "module",
  "private": true,
  "scripts": {
    ...
  }
  ...
}