为什么我的Angular应用程序无法识别引导样式？

我运行“ngnew”来创建一个新的应用程序，并选择SCSS作为样式选项。我没有加载引导，它只有.css格式（我相信），并且应用程序无法识别任何引导样式。Angular是否需要引导scss文件？我如何解决这个问题

angular.json：

"styles": [
          "src/styles.scss",
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "./node_modules/bootstrap/dist/css/bootstrap.css",
          "./node_modules/font-awesome/css/font-awesome.css"
        ],
        "scripts": [
          "./node_modules/jquery/dist/jquery.js",
          "./node_modules/bootstrap/dist/js/bootstrap.js"
        ]

---

删除

/

并仅保留

节点\ u模块/bootstrap/…

。然后尝试

在Angular中使用引导时，您可能希望使用包装器库，如ngx引导或ng引导

这些包装器库是为了使您不需要使用jquery来执行某些操作，例如打开模态、触发警报等

在角度上不鼓励使用jquery，这可能会影响性能，如果您希望了解更多信息，可以在此进行搜索

有关ngx引导的安装说明，请访问和查找ng引导

为了决定选择2个LIB中的哪一个，之前有人在stackoverflow上发布了一个问题：

---

希望这有帮助

我已经生成了一个新的应用程序，使用的方式与您描述的相同：

• ng新的“应用程序名称”
• 选定路由
• 选定的SCS

然后使用

npm安装引导--save

和

npm安装--save

安装引导。在那之后，我复制了你的样式

"styles": [
  "src/styles.scss",
  "./node_modules/bootstrap/dist/css/bootstrap.min.css",
  "./node_modules/bootstrap/dist/css/bootstrap.css",
  "./node_modules/font-awesome/css/font-awesome.css"
]

---

您确定您的

节点\u modules

文件夹与angular.json文件位于同一目录下吗？

在angular.json中添加引导文件后，您需要重新运行项目。在此之后，只有更改应用于项目中。如果此操作仍不起作用，请尝试在项目

styles.scss

文件中导入引导css文件

import 'node_modules/bootstrap/dist/css/bootstrap.min.css'

---

这应该行得通。我希望此方法可以解决您的问题：）

请确定，您是否已终止

ng serve

进程并重新启动它？当您在

angular.json

中进行更改时，在重新启动开发服务器之前，不会应用它。是的，我确定。谢谢你的努力，也许问题不在于引导。导入成功了。不知道为什么angular.json中不起作用，这是我第一次下载angular 8，可能存在兼容性问题。我不确定，但angular 8s稳定版4天前刚刚发布。我想可能还有一些bug。也许正因为如此，你面临着这个问题。如果Angular版本不影响你的项目，我建议你使用Angular 7