jquery взаимодействие с дротиком для запуска bootstrap модальное

Question

Я пытаюсь вызвать bootstrap модально из дротика, и вот взаимодействие для него, которое я создал:

@ JS () библиотека jquery;

import 'package : js / js .dart ';

@JS()
@anonymous
class jquery{
  external factory jquery(String selector);
  external int get length;
  external jquery modal();
}

и следующий по этому URL: https://www.w3schools.com/bootstrap4/bootstrap_ref_js_modal.asp

в моем файле main.dart. Я использую его как следует:

jquery('#myModal').modal();

, что дает мне эту ошибку:

main.dart:77 Uncaught (in promise) TypeError: "#myModal".modal is not a function
    at sendData (main.dart:77)
    at sendData.next (<anonymous>)
    at onValue (dart_sdk.js:32183)
    at _RootZone.runUnary (dart_sdk.js:32069)
    at _FutureListener.thenAwait.handleValue (dart_sdk.js:27819)
    at handleValueCallback (dart_sdk.js:28321)
    at Function._propagateToListeners (dart_sdk.js:28353)
    at _Future.new.[_completeWithValue] (dart_sdk.js:28214)
    at async._AsyncCallbackEntry.new.callback (dart_sdk.js:28232)
    at Object._microtaskLoop (dart_sdk.js:32282)
    at _startMicrotaskLoop (dart_sdk.js:32288)
    at dart_sdk.js:28557

и это мой файл pubspe c yaml:

name: az_dl_1
description: An absolute bare-bones web app.
# version: 1.0.0
#homepage: https://www.example.com

environment:
  sdk: '>=2.7.0 <3.0.0'

dependencies:
  mobx: ^0.4.0+1
  mobx_codegen: ^0.4.0+1
  js: ^0.6.0
#  path: ^1.6.0

dev_dependencies:
  build_runner: ^1.6.0
  build_web_compilers: ^2.3.0
  pedantic: ^1.8.0