.NET Core w/React 和 NextJS - TypeError：_interop_require_default._ 不是函数

Question

拥有一个新的 .NET core w/ SPA (React) 项目。想要使用 nextJs 来实现一些导航功能。

收到此编译错误：

app-router-context.shared-runtime.js 有这个：

const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
const _react = /*#__PURE__*/ _interop_require_default._(require("react"));

这里的代码来自：@swc/helpers/_/_interop_require_default

"use strict";

exports._ = exports._interop_require_default = _interop_require_default;
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : { default: obj };
}

尝试到处研究，看到与 babel 相关的类似问题，而不是@swc，并尝试了这些建议（清除缓存、jest 缓存、添加 babel 依赖项）。

尝试：Fix001

Answer 1

我遇到了同样的问题，我的项目中的问题是 webpack 配置无法正确解析

.cjs

扩展。相反，它将导入视为静态资产，因此 webpack 需要解析为字符串，例如

/static/media/interop_require_default

。

解决方案是更新 webpack 配置以正确处理 CJS 文件。