向angular 8添加materialize不起作用

我用

ng new materialize

创建了一个新的angular项目（angular 8），然后我在终端和项目文件夹中运行了这些项目：

npm install materialize-css --save 
npm install jquery --save
npm install --save hammerjs

然后我修改了angular.json文件，如下所示：

"styles": [
              "src/styles.css",
              "node_modules/materialize-css/dist/css/materialize.css"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.js",
              "node_modules/hammerjs/hammer.js",
              "node_modules/materialize-css/dist/js/materialize.js"
            ]

  <div class="card-panel teal lighten-2">This is a card panel with a teal lighten-2 class</div>

我在index.html中添加了材质图标。 问题是，当我使用像这样的物化类时：

"styles": [
              "src/styles.css",
              "node_modules/materialize-css/dist/css/materialize.css"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.js",
              "node_modules/hammerjs/hammer.js",
              "node_modules/materialize-css/dist/js/materialize.js"
            ]

  <div class="card-panel teal lighten-2">This is a card panel with a teal lighten-2 class</div>

这是一个带有teal-2类的卡面板

---

只显示一个常规div，不应用materialize类。我在这里遗漏了什么吗？

至少找到了您的错误

您在angular.json文件中声明的样式和脚本在测试部分中

"test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.spec.json",
            "karmaConfig": "karma.conf.js",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.css",
              "node_modules/materialize-css/dist/css/materialize.css"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.js",
              "node_modules/hammerjs/hammer.js",
              "node_modules/materialize-css/dist/js/materialize.js"
            ]
          }
        }

将它移到build部分中，代码就可以正常工作了

"build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/panel",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": false,
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.css",
              "node_modules/materialize-css/dist/css/materialize.css"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.js",
              "node_modules/hammerjs/hammer.js",
              "node_modules/materialize-css/dist/js/materialize.js"
            ]
          }

---

你能发布一个同样的闪电战吗。我按照同样的步骤从我这边创建了一个，它工作得很好：很奇怪，它在stackblits中也适用于我。但是当我在本地创建一个项目时，它不起作用。这里是一个指向我的项目的链接。我最后发现了错误。如果它解决了您的问题，请将其标记为答案