在Angular 10中具体化-应用CSS，但不执行JS

我是新的角度和物化。我正在尝试初始化角度组件中的旋转木马

我已经安装了MaterializeCSS，在angular.json中有css和js

"scripts": [
              "node_modules/materialize-css/dist/js/materialize.min.js"
            ]

CSS工作得很好，但js不工作，包括modals、carousel等。sidenav在index.js中添加了

M.AutoInit（）

这是component.html：

<div class="row">
  <div class="col l4 m6 s12" *ngFor="let field of fields">
    <div class="carousel">
      <a class="carousel-item" href="#one!"><img [src]="'http://localhost:3000/'+field.imagePath"></a>
    </div>
  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.carousel');
    var instances = M.Carousel.init(elems);
  });
</script>

---

我尝试将常量M声明为any并在ngOnInit中添加M.AutoInit（），但仍然不起作用。

解决了JS isue替换

声明常量M:anyimpert*M from'materialize.css/js/materialize.min.js

进行编码，但旋转木马仍然不起作用。

TH js isue已解决替换

声明常量M:anyimpert*M from'materialize.css/js/materialize.min.js

进行编码，但旋转木马仍然无法工作。

必须在angular.json上添加materialize js脚本

"scripts": [
              "node_modules/materialize-css/dist/js/materialize.min.js"
            ]

---

必须在angular.json上添加materialize js脚本

"scripts": [
              "node_modules/materialize-css/dist/js/materialize.min.js"
            ]

---

我很好奇你说“我安装了Materialize css”，但是你也安装了Materialize JS文件吗？控制台中是否有错误？是的，我已经用

npm安装了Materialize css--save

，然后我在angular中添加了css和JS。我很好奇你说“我安装了Materialize css”，但是你也安装了Materialize JS文件吗？控制台中是否有错误？是的，我已使用

npm安装Materialize css--save

，安装了Materialize，然后在angular.json中添加了css和JS