Javascript 将bootstrap 5模块导入next.js

我正在做一个博客项目。我在heroku上部署了strapi cms，并向mongodb发送帖子 我正在next.js上获取数据。我正在通过bootstrap-5进行样式设置，并从_app.js文件导入custom.scss文件。现在一切正常，但当我尝试导入bootstrap-5的js文件时，它会给我带来一大堆错误。我在网上找不到明确的答案。我面临的问题的原因可能是什么

// import "../../node_modules/bootstrap/dist/js/bootstrap.bundle.min"
import "../../node_modules/bootstrap/dist/js/bootstrap.esm.min"
// import "../../node_modules/bootstrap/dist/js/bootstrap.esm"
// import "~bootstrap/dist/js/bootstrap.esm.min"
import "../custom.scss"

错误-引用错误：未定义文档
在Module../node_modules/bootstrap/dist/js/bootstrap.esm.min.js（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\ u app.js:195:2902）
在“需要的网页包”（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\应用程序js:23:31）
位于Module../src/pages/_app.jsx（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\_app.js:1070:107）
在“需要的网页包”（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\应用程序js:23:31）
在Object.0（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\ u app.js:1115:18）
在“需要的网页包”（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\应用程序js:23:31）
在C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\ u app.js:91:18
反对。（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\ u app.js:94:10）
at模块编译（内部/modules/cjs/loader.js:1063:30）
在Object.Module._extensions..js（internal/modules/cjs/loader.js:1092:10）
在Module.load（内部/modules/cjs/loader.js:928:32）
at Function.Module._load（内部/modules/cjs/loader.js:769:14）
at Module.require（内部/modules/cjs/loader.js:952:19）
根据需要（内部/modules/cjs/helpers.js:88:18）
在requirePage（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\node\u modules\next\dist\next server\server\require.js:1:1184）
在loadComponents（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\node_modules\next\dist\next server\server\load components.js:1:865）
引用错误：未定义文档
在Module../node_modules/bootstrap/dist/js/bootstrap.esm.min.js（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\ u app.js:195:2902）
在“需要的网页包”（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\应用程序js:23:31）
位于Module../src/pages/_app.jsx（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\_app.js:1070:107）
在“需要的网页包”（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\应用程序js:23:31）
在Object.0（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\ u app.js:1115:18）
在“需要的网页包”（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\应用程序js:23:31）
在C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\ u app.js:91:18
反对。（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\.next\server\pages\\ u app.js:94:10）
at模块编译（内部/modules/cjs/loader.js:1063:30）
在Object.Module._extensions..js（internal/modules/cjs/loader.js:1092:10）
在Module.load（内部/modules/cjs/loader.js:928:32）
at Function.Module._load（内部/modules/cjs/loader.js:769:14）
at Module.require（内部/modules/cjs/loader.js:952:19）
根据需要（内部/modules/cjs/helpers.js:88:18）
在requirePage（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\node\u modules\next\dist\next server\server\require.js:1:1184）
在loadComponents（C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next mongo\node_modules\next\dist\next server\server\load components.js:1:865）

error - ReferenceError: document is not defined
    at Module../node_modules/bootstrap/dist/js/bootstrap.esm.min.js (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:195:2902)    
    at __webpack_require__ (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:23:31)
    at Module../src/pages/_app.jsx (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:1070:107)
    at __webpack_require__ (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:23:31)
    at Object.0 (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:1115:18)
    at __webpack_require__ (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:23:31)
    at C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:91:18
    at Object.<anonymous> (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:94:10)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at requirePage (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\node_modules\next\dist\next-server\server\require.js:1:1184)
    at loadComponents (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\node_modules\next\dist\next-server\server\load-components.js:1:865)
ReferenceError: document is not defined
    at Module../node_modules/bootstrap/dist/js/bootstrap.esm.min.js (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:195:2902)    
    at __webpack_require__ (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:23:31)
    at Module../src/pages/_app.jsx (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:1070:107)
    at __webpack_require__ (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:23:31)
    at Object.0 (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:1115:18)
    at __webpack_require__ (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:23:31)
    at C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:91:18
    at Object.<anonymous> (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\.next\server\pages\_app.js:94:10)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at requirePage (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\node_modules\next\dist\next-server\server\require.js:1:1184)
    at loadComponents (C:\Users\Ali Alperen Arıkan\Desktop\WebDevelopment\WebDevelopment\Projelerim\next-mongo\node_modules\next\dist\next-server\server\load-components.js:1:865)