如何使用 next/dynamic 动态加载 Nextjs 15 中的组件而不出现以下错误？

Question

我正在尝试加载一个组件：

    'use client';
    import { dynamic } from 'next/dynamic';
    import { useFormState } from 'react-dom';
    import { postAction } from '@/lib/actions';
    import BlogForm from '@/components/blogs/blog-form/blog-form';

    const NewBlog = () => {

        const [state, formAction] = useFormState(postAction, { message: null });

        const BlogForm = dynamic(
            import('@/components/blogs/blog-form/blog-form'),
            { ssr: false }
        );

        return (
            <>
                <BlogForm />
            </>
        )
    }

    export default NewBlog;

但是，我得到此错误作为输出：

    TypeError: (0 , next_dynamic__WEBPACK_IMPORTED_MODULE_1__.dynamic) is not a function

我不确定是什么导致了这个问题，我已经关注了 Nextjs 文档，并且我没有遇到其他遇到此问题的人。

我正在使用 React 19 和 Next 15。

Answer 1

您应该使用动态的默认导入：

从“next/dynamic”导入动态；