小编Bha*_*rma的帖子

在 next js 13 中使用新的“app 目录”导入 bootstrap js 文件的位置

我在下一个 js 13 中使用新的应用程序目录,当使用 bootstrap 下拉菜单时,只有 UI 可以工作,bootstrap 的 js 功能在其中不起作用。我尝试在layout.tsx中导入js文件,但它抛出了这个错误=>

文档未定义

在此输入图像描述

布局.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>
    );
}
Run Code Online (Sandbox Code Playgroud)

next.js bootstrap-5 next.js13

6
推荐指数
1
解决办法
6928
查看次数

标签 统计

bootstrap-5 ×1

next.js ×1

next.js13 ×1