2

我正在寻找一个简单的 Next.js 应用程序来设置 Chakra UI（最新的 V1）。遵循https://chakra-ui.com/docs/getting-started上的“入门”步骤后，我在运行开发服务器时遇到了以下错误：

error - ./node_modules/@chakra-ui/portal/dist/esm/portal.js
Attempted import error: 'useCallbackRef' is not exported from '@chakra-ui/hooks'.

这是我的_app.js文件：

import { ChakraProvider } from "@chakra-ui/react";


function MyApp({ Component, pageProps }) {
  return (
    <ChakraProvider>
      <Component {...pageProps} />
    </ChakraProvider>
  );  
}

export default MyApp

package.json：

{
  "name": "test",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "@chakra-ui/react": "^1.1.3",
    "@emotion/react": "^11.1.4",
    "@emotion/styled": "^11.0.0",
    "framer-motion": "^3.2.0",
    "next": "10.0.5",
    "react": "17.0.1",
    "react-dom": "17.0.1"
  }
}

我已经翻遍了规定的portal.js节点模块，但看起来没有任何不妥之处。

任何帮助将不胜感激，提前感谢您的时间。

4

3 回答 3

3

这是一个错误，他们正在修复：https ://github.com/chakra-ui/chakra-ui/issues/3006

现在只需恢复到较低版本，直到修复完成。

于 2021-01-11T13:18:34.740 回答
3

将版本设置为 @chakra-ui/react": "1.1.2",

于 2021-01-11T09:59:30.093 回答
0

同样的问题，获取旧的 chakra-ui 版本。

例如：“@chakra-ui/react”：“1.0.4”

于 2021-01-11T09:06:04.807 回答