如何在我的 HTML 文档中初始化这个插件？答案

【问题标题】：How to initialize this plugin inside my HTML doc?如何在我的 HTML 文档中初始化这个插件？
【发布时间】：2020-02-10 04:04:47
【问题描述】：

我正在尝试在我的 HTML 文档中以不同的方式初始化此插件，但它似乎不起作用...

我附上了使用文档的图片，这是插件的链接：https://unpkg.com/darkreader。我为此使用 javascript，而不是 typeScript。

enter image description here

【问题讨论】：

标签： javascript jquery html css node.js

【解决方案1】：

这是我的 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>

我尝试初始化插件，但仍然无法正常工作...

【讨论】：

【解决方案2】：

这里你没有提到你是如何在 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>

【讨论】：