引导错误：this._config 未定义

Question

我有以下按钮：

\n

<button class="kv_styleclass_0 btn btn-outline-success btn-lg" \n    data-bs-toggle="modal" \n    data-bs-target="formModal" \n    type="button">\n        \xd0\xa1\xd1\x82\xd0\xb0\xd1\x82\xd1\x8c \xd1\x83\xd1\x87\xd0\xb0\xd1\x81\xd1\x82\xd0\xbd\xd0\xb8\xd0\xba\xd0\xbe\xd0\xbc\n</button>\n

\n

触发以下模式对话框：

\n

<div class="modal fade" \n    aria-labelledby="formModal_label" \n    aria-hidden="true" \n    id="formModal" \n    tabindex="-1">\n        <div class="modal-dialog">\n            <div class="modal-content">\n                <div class="modal-header">\n                    <h5 class="modal-title" \n                        id="formModal_label">\n                            \xd0\x90\xd0\xbd\xd0\xba\xd0\xb5\xd1\x82\xd0\xb0 \xd1\x83\xd1\x87\xd0\xb0\xd1\x81\xd1\x82\xd0\xbd\xd0\xb8\xd0\xba\xd0\xb0\n                    </h5>\n                    <button class="btn btn-secondary btn-primary" \n                        data-bs-dismiss="modal" \n                        type="button">\n                            \xd0\x97\xd0\xb0\xd0\xba\xd1\x80\xd1\x8b\xd1\x82\xd1\x8c\n                    </button>\n                </div>\n                <div class="modal-body">\n                    <iframe src="..." \n                        name="..." \n                        style="height: 407px;" \n                        width="650" \n                        frameborder="0">\n                    </iframe>\n                </div>\n            </div>\n        </div>\n    </div>\n

\n

当我单击该按钮时，出现以下错误：

\n

Uncaught TypeError: this._config is undefined\n    _initializeBackDrop bootstrap.esm.js:2916\n    ...\n

\n

使用 NPM 获取 Bootstrap。使用 Bootstrap v5.2.3。

\n

我尝试通过包含以下内容来获取 Bootstrap JS<script>我尝试通过在代码中的不同位置与 Popper.JS。

\n

Answer 1

我刚刚遇到了同样的问题，我通过在 data-bs-target 中添加 # 来解决它。修改后的代码如下所示：

\n

<button class="kv_styleclass_0 btn btn-outline-success btn-lg" \n    data-bs-toggle="modal" \n    data-bs-target="#formModal" \n    type="button">\n        \xd0\xa1\xd1\x82\xd0\xb0\xd1\x82\xd1\x8c \xd1\x83\xd1\x87\xd0\xb0\xd1\x81\xd1\x82\xd0\xbd\xd0\xb8\xd0\xba\xd0\xbe\xd0\xbc\n</button>\n\n\n

\n

看起来您正在传递一个字符串，而 data-bs-target 属性需要一个 id。

\n

编辑：我刚刚看到 CodeCaster 在评论中击败了我。哎呀！

\n