tooltip example custom attribute

tooltip.js

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

@customAttribute('tooltip')
@inject(Element)
export class Tooltip {
    element: HTMLElement;
    @bindable title: any;
    @bindable placement: any;

    constructor(element) {
        this.element = element;
    }

    attached() {

        $(this.element).tooltip({
            title:this.title,
            placement:this.placement
        });
    }
}

tooltip_example.html

<template>
  <require from="./tooltip"></require>
  <a class="btn btn-default" data-toggle="tooltip" tooltip="placement:top; title: details"> 
      <i class="fa fa-list-alt"></i> details
  </a>
</template>

Would you tell me why am I getting the error: "bootstrap_1.default is not a function"

Try this https://stackoverflow.com/questions/56671279/bootstrap-tooltip-in-aurelia/56863307#56863307