Ale*_*rez 9 node-modules nextui next.js13
I\xc2\xb4m 尝试将 NextUI 与最新版本的 Next.js 13 一起使用。按照 NextUI 的官方文档，我按照以下步骤操作：
\nnpm i @nextui-org/react
2.转到pages/_app.js并添加以下内容：
\n// 1. import `NextUIProvider` component\nimport { NextUIProvider } from '@nextui-org/react';\n\nfunction MyApp({ Component, pageProps }) {\n return (\n // 2. Use at the root of your app\n <NextUIProvider>\n <Component {...pageProps} />\n </NextUIProvider>\n );\n}\n\nexport default MyApp;\n3.转到pages/_document.js并添加以下内容：
\nimport React from 'react';\nimport Document, { Html, Head, Main, NextScript } from 'next/document';\nimport { CssBaseline } from '@nextui-org/react';\n\nclass MyDocument extends Document {\n static async getInitialProps(ctx) {\n const initialProps = await Document.getInitialProps(ctx);\n return {\n ...initialProps,\n styles: React.Children.toArray([initialProps.styles])\n };\n }\n\n render() {\n return (\n <Html lang="en">\n <Head>{CssBaseline.flush()}</Head>\n <body>\n <Main />\n <NextScript />\n </body>\n </Html>\n );\n }\n}\n\nexport default MyDocument;\n之后我运行npm run dev命令，控制台显示以下错误：
error - ./node_modules/@internationalized/date/dist/import.mjs:1:0\nModule not found: Can't resolve '@swc/helpers/src/_class_private_field_init.mjs'\n\nhttps://nextjs.org/docs/messages/module-not-found\n\nImport trace for requested module:\n./node_modules/@react-aria/i18n/dist/real-module.js\n./node_modules/@react-aria/i18n/dist/module.js\n./node_modules/@nextui-org/react/esm/index.js\n./pages/_app.js\n有谁知道会发生什么？
\n我\xc2\xb4ve检查过并且“_class_private_field_init.mjs”位于正确的路径中。我也尝试过重新安装node_modules
\n在未来版本中修复该错误时，请尝试使用较低版本。
package.json
{
...
"dependencies": {
"next": "13.2.4",
...
}
}
| 归档时间： |
|
| 查看次数： |
12973 次 |
| 最近记录： |