twitter-bootstrap - Bootstrap 5 引用错误 : bootstrap is not defined

标签 twitter-bootstrap

我刚刚完成安装 bootstrap 5 版本 ^5.0.0-alpha1并在 app.js 中导入 Bootstrap

import "bootstrap"
其他.js
var myModal = new bootstrap.Modal(document.getElementById('myModal'));
myModal.show();
当我运行代码时,它给了我错误 ReferenceError: 未定义 Bootstrap .
然后我尝试在 中导入 Bootstrap 其他.js 像这样
import bootstrap from "bootstrap"
但是当我运行 npm run dev错误 “在'bootstrap'中找不到导出'default'(导入为'bootstrap')
如果我手动导入模态,如 import { Modal } from "bootstrap"它给了我错误 “类型错误:非法调用”

最佳答案

如果有人尝试使用 webpack,这个解决方案对我有用。

window.bootstrap = require('bootstrap/dist/js/bootstrap.bundle.js');

关于twitter-bootstrap - Bootstrap 5 引用错误 : bootstrap is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64113404/

相关文章:

javascript - Bootstrap 的 slider 添加和删除 jQuery

html - Bootstrap 模态内容覆盖在模态上

c# - 如何动态填充 Bootstrap 下拉列表

angular - ng2-charts & chart.js - 更改背景颜色

javascript - 将 Bootstrap 3.0 标签直接放置在输入字段的顶部,而无需将内容向下推

html - CSS 聚焦第一个 child 改变第二个 child 的颜色?

jquery - 顶部的 Bootstrap 多级子菜单

html - Div 在 Angular 应用程序中失去高度 - 背景覆盖停止工作

javascript - Bootstrap 导航栏对齐中心

javascript - Bootstrap 日期时间选择器无响应