Next.js 导入使用'；文件'；在NextJS中

我使用的是样式化组件。我想导入一个有助于创建流体样式的函数。我的函数使用以下内容：

const root = document.querySelector('html');
const pixelsPerRem = Number(getComputedStyle(root).fontSize.slice(0, -2));

const clampBuilder = dynamic(import('utils/clampBuilder'), { ssr: false })

当我使用

`const clampBuilder = dynamic(() => import('utils/clampBuilder'), {
 ssr: false,
});`

我知道clampBuilder不是一个函数。我知道，由于NextJS是SSR，因此没有

文档

。我想知道如何导入我的helper函数或以某种方式使用它来计算我需要什么

---

函数要点：

上面的错误说明您的

clampBuilder不是函数，它似乎与SSR或文档没有任何问题

是否可以尝试更新动态导入，如下所示：

const root = document.querySelector('html');
const pixelsPerRem = Number(getComputedStyle(root).fontSize.slice(0, -2));

const clampBuilder = dynamic(import('utils/clampBuilder'), { ssr: false })

我最终从函数中删除了上面显示的两行，并将
pixelsperem
设置为16，因为这是大多数浏览器的默认设置。它可能并不完美，但已经足够好了