我使用 cli 構建了一個新的 Angular 專案
ng new memmory-game
我想使用引導程式，因為我知道引導程式 5 已經放棄了 jQuery 依賴項，所以我選擇不使用類似
如果我@import在styles.scss專案的根目錄中使用，一切正常。
@import "../node_modules/bootstrap/dist/css/bootstrap.min.css"
這些看起來是正確的，但仍然不能正常作業。工具提示不顯示，下拉選單不起作用。
如果我通過 cdn 在 index.html 檔案中包含引導 javascript 檔案，則下拉選單開始作業。
但是說我想像很多教程推薦的那樣將 javascript 和 css 移動到 angular.json 檔案中。
我已經從檔案中洗掉了cdn，index.html我已經從檔案中洗掉了匯入styles.scss并將它們移動到angular.json這樣的位置。
但突然我的頁面又壞了。所有樣式都消失了，下拉選單不起作用。我嘗試更新 angular.json 檔案中的路徑以洗掉，./但這沒有幫助。
我不確定我做錯了什么。我的 angular.json 檔案沒有像預期的那樣加載我的樣式和腳本是否有原因？我應該為此煩惱還是通過我的scss檔案和通過html加載的腳本cdn加載東西？
uj5u.com熱心網友回復：
如果您像這樣手動執行此操作，則還需要將 popper 放入 angular.json 的腳本陣列中（我相信在 bootstrap.js 之上）。
但我不會那樣手動操作。我只會使用 ng add @ng-bootstrap/ng-bootstrap。它將為您設定一切。首先撤消所有待處理的更改，或者從一個新專案開始。
uj5u.com熱心網友回復：
您正在正確地添加angular.json檔案中的資源。
但是，看起來您將資源匯入錯誤的位置。
您需要在檔案中通常稍高的build部分中匯入樣式和腳本。angular.json
像這樣：（請忽略“**”，只是為了突出部分）
"architect": {
**"build": {**
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/website",
"index": "projects/website/src/index.html",
"main": "projects/website/src/main.ts",
"polyfills": "projects/website/src/polyfills.ts",
"tsConfig": "projects/website/tsconfig.app.json",
"assets": [
"projects/website/src/favicon.ico",
"projects/website/src/assets",
"projects/website/src/.htaccess"
],
**"styles": [**
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"projects/website/src/styles.scss"
],
**"scripts": [**
"node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
],
如果您打算進行單元/e2e 測驗，您仍然需要在測驗部分匯入這些資源。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/480501.html
下一篇：標志板，如通過css設計的按鈕