TypeError: (0 , _mantine_core__WEBPACK_IMPORTED_MODULE_0__.rem) 不是函数 next.js Dropzone

Question

我在使用 next.js 和 mantine 渲染 dropzone 时遇到问题。 https://mantine.dev/others/dropzone/

进口：

拖放区

错误信息

这是我的问题的代码示例 https://codesandbox.io/s/mantine-forked-kixzh7?file=/src/App.tsx

也许是我的node版本有问题？目前，我使用节点 18.14.2

Answer 1

该问题是由“@mantine/core”和“@mantine/dropzone”版本不匹配引起的。

你package.json最有可能看起来像这样。

...
"@mantine/core": "^5.9.4",
"@mantine/dates": "^5.9.4",
"@mantine/dropzone": "^6.0.1",
"@mantine/form": "^5.9.4",
"@mantine/hooks": "^5.9.4",
...

要修复该错误，请转到您的package.json，更改“@mantine/dropdown”的版本以匹配其他包的版本号，然后运行npm install或yarn install

Answer 2

就我而言，当我尝试使用 mantine/core 中的 Burger 时，错误如下：

TypeError: (0 , mantine_hooks__WEBPACK_IMPORTED_MODULE_1 _.useDisclosure) 不是函数或其返回值不可迭代

我将“使用客户端”添加到组件的文件中，错误消失了。