由于水合作用，使用 bootstrap 5 构建 gridsome 失败

问题描述

我已经添加了带有 npm 的 bootstrap 5 beta 并添加到 main.js 但我在构建时出错。 我也尝试过这个问题的解决方案，但没有成功： https://github.com/peremp/vue-light-gallery/issues/12 通过组件添加它并仅将客户端包装在它周围。

   
//added to main.js
import 'bootstrap';

ReferenceError: document is not defined
    at Module.exfh (node_modules/bootstrap/dist/js/bootstrap.esm.js:232:0)
    at __webpack_require__ (webpack/bootstrap:25:0)
    at Module.O/VM (assets/js/app.cc543cba.js:4114:21)
    at __webpack_require__ (webpack/bootstrap:25:0)
    at Object.0 (assets/js/app.cc543cba.js:423:18)
    at __webpack_require__ (webpack/bootstrap:25:0)
    at assets/js/app.cc543cba.js:118:18
    at Object.<anonymous> (assets/js/app.cc543cba.js:121:10)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）