有没有办法使用Next.js动态导入来导入函数？Next.js ssr的react-component-export-image问题

// 假设我们有一个需要动态导入的函数
// utils/myFunction.js
export function myFunction() {
  console.log('This is a dynamically imported function.');
}

// 在组件中动态导入这个函数
import dynamic from 'next/dynamic';

const DynamicFunction = dynamic(() => import('../utils/myFunction'), {
  ssr: false, // 设置为 false 表示只在客户端执行
});

function MyComponent() {
  const handleClick = () => {
    // 调用动态导入的函数
    DynamicFunction().then((module) => {
      module.myFunction();
    });
  };

  return (
    <div>
      <button onClick={handleClick}>Call Dynamic Function</button>
    </div>
  );
}

export default MyComponent;

import React from 'react';
import dynamic from 'next/dynamic';

// 假设我们有一个需要在服务器端渲染的图像组件
const ImageComponent = dynamic(() => import('../components/ImageComponent'), {
  ssr: true, // 设置为 true 表示在服务器端渲染
});

function ExportImagePage() {
  return (
    <div>
      <h1>Export Image Example</h1>
      <ImageComponent />
    </div>
  );
}

export default ExportImagePage;