next.js 在下一个js13中使用新的“应用程序目录”导入 Bootstrap js文件的位置

e5njpo68  于 2023-04-30  发布在  Bootstrap
关注(0)|答案(1)|浏览(141)

我在下一个js 13中使用新的应用程序目录,当使用bootstrap下拉菜单时,只有UI工作,bootstrap的js功能在其中不起作用。我尝试在布局中导入js文件。tsx,但它抛出这个错误=〉
文档未定义

Layout.tsx

import 'bootstrap/dist/js/bootstrap.min.js';
import './globals.css';
import './styles/index.scss';

export const metadata = {
    title: 'Create Next App',
    description: 'Generated by create next app',
};

export default function RootLayout({
    children,
}: {
    children: React.ReactNode;
}) {
    return (
        <html lang='en'>
            <body>{children}</body>
        </html>
    );
}
qmb5sa22

qmb5sa221#

在你的孩子你使用了文档对象和这个错误发生,因为页面是渲染之前你在浏览器所以文档是undefined修复这个使用typeof document !== "undefind" && "do something"

相关问题