خطا عند اضافة bootstrap ل nextjs

عبد النور محمد · 16 أغسطس 2021

هذا هو رمز مجلد nextjs _app.js الخاص بي.

import "../styles/globals.css";
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.min.js";

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

export default MyApp;

لدي هذا الخطأ

module.exports = require("bootstrap/dist/js/bootstrap.min.js");;

كيف يمكنني استخدام offcanvas في nexjts؟ كيف يمكنني استيراد ملف js الخاص بي؟

عبدالباسط ابراهيم · 16 أغسطس 2021

جرب القيام باستخدام ال head واستخدام ال cdn كالتالي

import "../styles/globals.css";
import Head from "next/head";

function MyApp({ Component, pageProps }) {
  return (
    <>
      <Head>
        <link
          href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
          rel="stylesheet"
          integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
          crossorigin="anonymous"
        />
        <script
          src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
          integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
          crossorigin="anonymous"
        ></script>
      </Head>
      <Component {...pageProps} />
    </>
  );
}

export default MyApp;

جرب هذه الطريقة وأخبرني بالنتيجة

خطا عند اضافة bootstrap ل nextjs

السؤال

عبد النور محمد

1 جواب على هذا السؤال

Recommended Posts

عبدالباسط ابراهيم

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية