Electron $(...).selectpicker 不是函数

问题描述 投票:0回答:2

我需要你的帮助。我已经被这个问题困扰了两天了。

我正在使用 Electron(由 Atom)构建一个应用程序,并使用 bootstrap-select。当我启动应用程序时,即使尚未调用相关函数,也会出现错误:

Uncaught TypeError: $(...).selectpicker is not a function

有人知道如何解决吗?

javascript electron bootstrap-select
2个回答
0
投票

我解决了我的问题。看来用

require('bootstrap-select');

包含该库无法正常工作,相反,我下载了 bootstrap-select 库并在 HTML 文件中手动导入。


0
投票

对于任何遇到此错误的人。解决方案是在 preload.js 中使用代码,例如 snipet:

window.addEventListener("DOMContentLoaded", () => {
    window.onload = async () => {
        const $ = require('jquery')
        require('bootstrap-select')
        $("#your-select").selectpicker()
    }
}
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="../lib/bootstrap-select.min.css">
    </head>
    <body>
        <select id="your-select" class="form-control selectpicker" data-live-search="true"></select>
        <script src="../lib/bootstrap-select.min.js"></script>
    </body>
</html>

© www.soinside.com 2019 - 2024. All rights reserved.