Javascript 角度6外部js，css参考不工作_Javascript_Css_Angular_Angular6

Javascript 角度6外部js，css参考不工作

javascript css angular angular6

Javascript 角度6外部js，css参考不工作,javascript,css,angular,angular6,Javascript,Css,Angular,Angular6,我正在与angular6合作。我有一个引导管理仪表板模板。我正在尝试在angular应用程序中导入该模板，但angular帮助中没有外部js引用如何导入以及如何在angular 6项目帮助中引用外部js/CSS 我尝试将所有CSS和js放在angular.json文件中。“样式”：[]，“脚本”：[]是不是一个工作。已观察到浏览器控制台中没有错误 "styles": [ "src/styles.css", "assets/css/fo

我正在与angular6合作。我有一个引导管理仪表板模板。我正在尝试在angular应用程序中导入该模板，但angular帮助中没有外部js引用如何导入以及如何在angular 6项目帮助中引用外部js/CSS

我尝试将所有CSS和js放在angular.json文件中。“样式”：[]，“脚本”：[]是不是一个工作。已观察到浏览器控制台中没有错误

 "styles": [
              "src/styles.css",
              "assets/css/font-awesome.min.css",
              "assets/css/metisMenu.css",
              "assets/css/typography.css",
              "assets/css/default-css.css",
              "assets/css/styles.css",
              "assets/css/responsive.css"

            ],
            "scripts": [
              "assets/js/vendor/jquery-2.2.4.min.js",
              "assets/js/metisMenu.min.js",
              "assets/js/jquery.slimscroll.min.js",
              "assets/js/jquery.slicknav.min.js",
              "assets/js/scripts.js",
              "assets/js/vendor/modernizr-2.8.3.min.js"
            ]

#Angular.json

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "MDProject": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "targets": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/MDProject",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets" 

            ],
            "styles": [
              "src/styles.css",
              "assets/css/font-awesome.min.css",
              "assets/css/metisMenu.css",
              "assets/css/typography.css",
              "assets/css/default-css.css",
              "assets/css/styles.css",
              "assets/css/responsive.css"
            ],
            "scripts": [
              "assets/js/vendor/jquery-2.2.4.min.js",
              "assets/js/metisMenu.min.js",
              "assets/js/jquery.slimscroll.min.js",
              "assets/js/jquery.slicknav.min.js",
              "assets/js/scripts.js",
              "assets/js/vendor/modernizr-2.8.3.min.js"
            ]
          },
          "configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "MDProject:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "MDProject:build:production"
            }
          }
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "MDProject:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.spec.json",
            "karmaConfig": "src/karma.conf.js",
            "styles": [
              "src/styles.css"
            ],
            "scripts": [],
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ]
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "src/tsconfig.app.json",
              "src/tsconfig.spec.json"
            ],
            "exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    },
    "MDProject-e2e": {
      "root": "e2e/",
      "projectType": "application",
      "targets": {
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "e2e/protractor.conf.js",
            "devServerTarget": "MDProject:serve"
          },
          "configurations": {
            "production": {
              "devServerTarget": "MDProject:serve:production"
            }
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": "e2e/tsconfig.e2e.json",
            "exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    }
  },
  "defaultProject": "MDProject"
}

让我知道哪里出错了。

使用“资产”键表示资产，使用样式表示样式，使用脚本表示脚本

       "assets": [
          "src/assets",
          "src/favicon.ico"
        ],
        "styles": [
          "src/styles.css",
          "assets/css/font-awesome.min.css",
          "assets/css/metisMenu.css",
          "assets/css/typography.css",
          "assets/css/default-css.css",
          "assets/css/styles.css",
          "assets/css/responsive.css"

        ],
        "scripts": [
          "assets/js/vendor/jquery-2.2.4.min.js",
          "assets/js/metisMenu.min.js",
          "assets/js/jquery.slimscroll.min.js",
          "assets/js/jquery.slicknav.min.js",
          "assets/js/scripts.js",
          "assets/js/vendor/modernizr-2.8.3.min.js"
        ]

更新：将的“目标”更改为“架构师”

您为该模板提供了什么路径？评估文件夹路径（如您提供的路径）？更新我的问题@siddajmera我想，您尚未重新启动应用程序。如果您在angular.json内进行任何更改，您必须重新启动/重新服务器您的应用程序。“资产”：[“src/favicon.ico”，“src/assets”，“src/assets/css/font awesome.min.css”，“src/assets/css/metismen.css”，“src/assets/css/typoraphy.css”，“src/assets/css/default css.css”、“src/assets/css/styles.css”、“src/assets/css/responsive.css”]像这样？？？@Mikijail Salazar你能通过添加完整的package.json结构来更新你的问题吗？package.json或angular.json@Mikijali Salazar更新我的问题@Mikijali Salazar
{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "MDProject": { "root": "", "sourceRoot": "src", "projectType": "application", "prefix": "app", "schematics": {}, "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist/MDProject", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.app.json", "assets": [ "src/favicon.ico", "src/assets" ], "styles": [ "src/styles.css", "assets/css/font-awesome.min.css", "assets/css/metisMenu.css", "assets/css/typography.css", "assets/css/default-css.css", "assets/css/styles.css", "assets/css/responsive.css" ], "scripts": [ "assets/js/vendor/jquery-2.2.4.min.js", "assets/js/metisMenu.min.js", "assets/js/jquery.slimscroll.min.js", "assets/js/jquery.slicknav.min.js", "assets/js/scripts.js", "assets/js/vendor/modernizr-2.8.3.min.js" ] }, "configurations": { "production": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ], "optimization": true, "outputHashing": "all", "sourceMap": false, "extractCss": true, "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true } } }, "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "MDProject:build" }, "configurations": { "production": { "browserTarget": "MDProject:build:production" } } }, "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { "browserTarget": "MDProject:build" } }, "test": { "builder": "@angular-devkit/build-angular:karma", "options": { "main": "src/test.ts", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.spec.json", "karmaConfig": "src/karma.conf.js", "styles": [ "src/styles.css" ], "scripts": [], "assets": [ "src/favicon.ico", "src/assets" ] } }, "lint": { "builder": "@angular-devkit/build-angular:tslint", "options": { "tsConfig": [ "src/tsconfig.app.json", "src/tsconfig.spec.json" ], "exclude": [ "**/node_modules/**" ] } } } }, "MDProject-e2e": { "root": "e2e/", "projectType": "application", "targets": { "e2e": { "builder": "@angular-devkit/build-angular:protractor", "options": { "protractorConfig": "e2e/protractor.conf.js", "devServerTarget": "MDProject:serve" }, "configurations": { "production": { "devServerTarget": "MDProject:serve:production" } } }, "lint": { "builder": "@angular-devkit/build-angular:tslint", "options": { "tsConfig": "e2e/tsconfig.e2e.json", "exclude": [ "**/node_modules/**" ] } } } } }, "defaultProject": "MDProject" }