Jumbotron 导航栏在角度应用程序中无法正确显示。我的 Angular.json 文件中也出现

Question

{  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",  "version": 1,  "newProjectRoot": "projects",  "projects": {    "DatingApp-SPA": {      "projectType": "application",      "schematics": {},      "root": "",      "sourceRoot": "src",      "prefix": "app",      "architect": {        "build": {          "builder": "@angular-devkit/build-angular:browser",          "options": {            "outputPath": "dist/DatingApp-SPA",            "index": "src/index.html",            "main": "src/main.ts",            "polyfills": "src/polyfills.ts",            "tsConfig": "tsconfig.app.json",            "aot": true,            "assets": [              "src/favicon.ico",              "src/assets"            ],            "styles": [              "src/styles.css"            ],            "scripts": []          },          "configurations": {            "production": {              "fileReplacements": [                {                  "replace": "src/environments/environment.ts",                  "with": "src/environments/environment.prod.ts"                }              ],              "optimization": true,              "outputHashing": "all",              "sourceMap": false,              "extractCss": true,              "namedChunks": false,              "extractLicenses": true,              "vendorChunk": false,              "buildOptimizer": true,              "budgets": [                {                  "type": "initial",                  "maximumWarning": "2mb",                  "maximumError": "5mb"                },                {                  "type": "anyComponentStyle",                  "maximumWarning": "6kb",                  "maximumError": "10kb"                }              ]            }          }        },

Answer 1

您似乎没有加载 Bootstrap CSS 文件。你能给我看看你的 angular.json 文件吗？

对于黄色下划线问题，我认为你的IDE只是检测到拼写错误，你可能可以强制忽略它。