Angular2 具体化 sideNav 不是一个函数

Question

我对Materialize框架的sideNav有这个问题："sideNav不是一个函数"。

我按照本教程中的所有步骤操作：https://www.npmjs.com/package/angular2-materialize

如果我在浏览器控制台上执行 $(".button-collapse"(.sideNav((; 然后它开始工作，所以我认为这是一个问题，因为该函数在执行时不存在。我做了很多次尝试把它放在捆绑包的末尾，直到我做了这个：

  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
    crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"></script>
  <script>
    (function () {
      $(".button-collapse").sideNav();
    })();
  </script>

同样的问题仍然存在...sideNav 不是一个函数，但在控制台上执行它。

有人可以帮忙吗？谢谢

Answer 1

我解决了。首先，我将Angular-CLI版本与webpack一起使用。

在 angular2-materialize 文档中存在泄漏。他们没有提到他们应该做的两件事：- Ovvious：导入库后，他们没有提到将其放入导入中，- 添加：导入"物化-css";，在从"角度2-materialize"导入 { MaterializeModule } 之前;