我在尝试将webpack构建的Node包导入到我的NextJS项目中时遇到了问题。
在这个场景中，我有两个包my-site和toolkit，我试图从toolkit包中导入一个函数myFunction到my-site包中。
在我的my-site包的一个文件中，我有以下代码：

import { myFunction} from "@myorganization/toolkit";

myFunction();

在浏览器中访问我的下一个站点的相关页面时，我收到此错误：

TypeError: _myorganization_toolkit__WEBPACK_IMPORTED_MODULE_3__.myFunction is not a function

我在toolkit包中的webpack配置如下所示：

import path from "path";
const config = {    
    mode: "development",
    entry: "./ts/main.ts",
    devtool: "source-map",
    experiments: {
        outputModule: true,
    },
    output: {
        path: path.resolve("./js"),
        filename: "main.js",
        globalObject: "this",
        library: {
            type: "module",
        }
    },
    module: {
        rules: [
            {
                test: /\.ts(x)?$/,
                loader: "ts-loader",
                exclude: /node_modules/,
            },
        ]   
    },
    resolve: {
        extensions: [
            ".tsx",
            ".ts",
            ".js",
        ],
    },
};
export default config;

奇怪的是，如果我将myFunction的值记录到控制台：

import { myFunction} from "@myorganization/toolkit";

console.log("myFunction: ", myFunction);

myFunction();

Next服务器的stdout正确地报告它是一个函数，但是浏览器控制台将它报告为undefined。
这让我相信这个问题与NextJS没有将代码从toolkit“转发”到浏览器有关，但我不知道如何解决这个问题，我甚至也不确定这是否是实际发生的事情。
如何解决此问题？