Я пытаюсь инициализировать этот плагин различными способами, в моем HTML-документе, но, похоже, он не работает ...
Я приложил изображение документации по использованию, и это ссылкаплагина: https://unpkg.com/darkreader. Я использую для этого javascript, а не typeScript.
введите описание изображения здесь
Это конец моего HTML-файла:
<!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <!-- Google LogIn Client --> <script src="https://apis.google.com/js/platform.js" async defer></script> <!-- DarkReader Dark theme plugin --> <script src="https://unpkg.com/darkreader@4.7.15/darkreader.js"></script> <script type="text/javascript"> import { enable as enableDarkMode, disable as disableDarkMode, } from 'darkreader'; enableDarkMode({ brightness: 100, contrast: 90, sepia: 10, }); </script>
Я пытался инициализировать плагин, но все еще не работает ...
Здесь вы не упомянули, как вы подключаете плагин в HTML-документе, поэтому попробуйте сначала добавить jquery, а затем включите следующий скрипт:
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js> </script> <script src="/scripts/darkreader.js"></script> </head> <body> </body> </html>