使用Rollup打包React库时遭遇ERR_REQUIRE_ESM错误求助

我已经花费数日尝试解决ERR_REQUIRE_ESM错误，目前正基于另一个用Rollup.js打包的React库创建新React库，以下是我的相关配置：

Rollup配置 #

export default [
  {
    input: "src/index.ts",
    output: [
      {
        file: packageJson.main,
        format: "cjs",
        sourcemap: true,
        inlineDynamicImports: true,
      },
      {
        file: packageJson.module,
        format: "esm",
        sourcemap: true,
        inlineDynamicImports: true,
      },
    ],
    plugins: [
      peerDepsExternal(),
      json(),
      resolve({
        preferBuiltins: true,
        mainFields: ["browser", "module", "main"],
      }),
      commonjs(),

      typescript({ tsconfig: "./tsconfig.json" }),
      // terser(),
    ],
  },
  {
    input: "dist/esm/types/index.d.ts",
    output: [{ file: "dist/index.d.ts", format: "esm" }],
    plugins: [dts()],
  },
];

package.json相关内容 #

...
...
"main": "dist/cjs/index.js",
  "module": "dist/esm/index.js",
  "types": "dist/index.d.ts",
  "peerDependencies": {
    "ethers": ">=5.5.1",
    "react": "^18.2.0",
    "wagmi": "0.9.x"
  },
  "files": [
    "dist"
  ],
  "exports": {
    ".": "./dist/index.js"
  },
...
...

更新：我也尝试了DTS插件，但问题依旧存在。

内容的提问来源于stack exchange，提问作者Rodrigo Borba