dotnet新角度twitter bootstrap折疊菜單無法正常工作

Question

回到四月，我運行了這兩個命令：

dotnet new --install Microsoft.AspNetCore.SpaTemplates :: *

dotnet新角度

我創建了一個項目，開箱即用的一切都很好，包括bootstrap驅動的可折疊菜單。 因此，當瀏覽器屏幕寬度減小時，為了模擬移動設備，菜單項被隱藏並被切換導航按鈕取代。 單擊該按鈕時，菜單項會按預期顯示在下拉列表中。

昨天我想開始一個新項目，所以我運行完全相同的兩個命令（我重新運行第一個以確保我有最新的模板）。 該項目已經創建，最初看起來都很好。 但是，只要縮小屏幕寬度，當切換導航按鈕確實出現時，單擊它就不會做任何事情。 我嘗試過多次重建項目，但同樣的問題還在繼續。 開箱即用它不起作用。

我不知道如何調試此問題，或者自4月以來可能發生了什么變化。

有人可以幫忙嗎？

Answer 1

所以答案是將其添加到頂部的app.component.ts：

import "jquery";
import "bootstrap";

我找到了bm-software提供的這個github問題的答案

Answer 2

最近遇到過這個問題。 在app.component.ts的最頂層添加這些行之后

import "jquery";
import "bootstrap";

確保在package.json上添加jquery

"jquery": "^3.3.1"

棘手的，最后一部分是在.angular-cli.json文件中包含jquery.min.js

"scripts": [
    "../node_modules/jquery/dist/jquery.min.js"
  ],

希望這可以幫助。