Бутстрап-подсказка в Аурелии - PullRequest
Новая
       55

Бутстрап-подсказка в Аурелии

2 голосов
/ 19 июня 2019

Мне нужно использовать bootstrap-tooltip в рамках aurelia.Для этого я создал класс атрибута BootstrapTooltip. 

import {customAttribute, inject} from "aurelia-framework";
import $ from "bootstrap";

@customAttribute("bootstrap-tooltip")
@inject(Element)
export class BootstrapTooltip {
    constructor(element) {
        this.element = element;
    }

    bind() {
        $(this.element).tooltip();
    }

    unbind() {
        $(this.element).tooltip("destroy");
    }
}

Это текущий код.Но я получаю сообщение об ошибке «Bootstrap_1.default не является функцией»

Может быть, это из-за $, но не уверен, в чем причина ...

1 Ответ

1 голос
/ 03 июля 2019

Посмотрите на зависимости в файле aurelia.json и проверьте, настроили ли вы загрузчик в ваших зависимостях для зависимости от jquery. 

{
    "name": "bootstrap",
    "path": "../node_modules/bootstrap/dist",
    "main": "js/bootstrap.min",
    "deps": [ "jquery" ],
    "exports": "$"
}

Это должно расширить глобальный объект jquery "$", чтобы иметьфункциональность начальной загрузки, включая подсказку.

Наконец удалите import $ из "bootstrap", так как вы пытаетесь импортировать $ из bootstrap, когда он уже определен глобально, что может быть причиной проблемы.

...