引導安裝問題

我一直在試圖將Bootstrap安裝到我正在處理的項目中，但我正在使用。我已經通過Bower安裝了兩個，所以我不確定它是否相關，但它沒有發現文件的問題，所以我不認爲它是。在Google上搜索這個問題時，我意識到我引用腳本文件的順序很重要，所以我改變它以反映我讀過的內容，但這並沒有解決問題。當我查看文件資源管理器中的目錄時，我看到一個名爲core.js的文件，但其中也沒有幫助。我相當確定這是與我參考文件的方式有關，因此我將提供該代碼，但可以隨時詢問是否需要更多內容。引導安裝問題

的index.html（根文件夾，下面的文字是在身體）：

<script src="./bower_components/jquery/dist/jquery.js"></script> 

<script src="./bower_components/angular/angular.js"></script> 
<script src="./bower_components/angular-route/angular-route.js"></script> 
<script src="./bower_components/angular-animate/angular-animate.js"></script> 
<script src="./bower_components/angular-aria/angular-aria.js"></script> 
<script src="./bower_components/angular-material/angular-material.js"></script> 

<script src="angulator.js"></script> 
<script src="./components/calculator/calculator.controller.js"></script> 

<script src="./bower_components/bootstrap/dist/js/bootstrap.js"></script>

來源

2017-07-30 WubbaLubbaDubbDubb

你需要jQuery來消除誤差

涼亭中安裝jQuery

來源

2017-07-30 14:24:20

我沒有看到你在你提供的代碼中引用jQuery。你已經通過Bower安裝了它，但你仍然需要添加一個引用。

<script src="./bower_components/jquery/jquery.js"></script> 
<script src="./bower_components/bootstrap/dist/js/bootstrap.js"></script> 
<script src="./bower_components/angular/angular.js"></script> 
<script src="./bower_components/angular-route/angular-route.js"></script> 
<script src="./bower_components/angular-animate/angular-animate.js"></script> 
<script src="./bower_components/angular-aria/angular-aria.js"></script> 
<script src="./bower_components/angular-material/angular-material.js"></script> 

<script src="angulator.js"></script> 
<script src="./components/calculator/calculator.controller.js"></script>

來源

2017-07-30 14:27:54

我在第一行引用的jQuery：' ' – WubbaLubbaDubbDubb

在編輯之前，我必須先閱讀你的問題。 –

導入jQuery腳本之前，像這樣：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

<script src="./bower_components/angular/angular.js"></script> 
<script src="./bower_components/angular-route/angular-route.js"></script> 
<script src="./bower_components/angular-animate/angular-animate.js"></script> 
<script src="./bower_components/angular-aria/angular-aria.js"></script>

...

來源

2017-07-30 14:28:09

我在第一行引用了jQuery腳本： – WubbaLubbaDubbDubb

我想你可能會感到困惑的jQuery有棱有角。你不包括jQuery，但你包括角（包括角度材料，這是一個競爭的框架引導）。

如果您想使用帶有角度的引導，您可能需要使用ng-bootstrap而不是標準的Bootstrap JS，因爲它允許您從角度組件內部與Bootstrap組件進行交互。如果你通過「標準」（非ng-bootstrap）JavaScript來做到這一點，一旦Bootstrap JS改變了DOM，事情就會開始崩潰。你也不能從你的組件狀態推斷視圖狀態（因爲你需要調用引導JS的功能而不是數據綁定），這幾乎是角度的全部想法。

來源

2017-07-30 14:32:54

我讀到ng-bootstrap需要Angular 4在這裏：https://alligator.io/angular/ng -bootstrap /雖然我不明白。我的第一行是''。這不是對jQuery的引用嗎？更新：對不起，沒有意識到我忘了在問題中包含該行 – WubbaLubbaDubbDubb

這是對jQuery的引用，但路徑可能是錯誤的。我認爲它應該是'。/ bower_components/jquery/dist/jquery.js'（注意「dist」 - 查看文件系統以確認這一點）。是的，ng-bootstrap需要角度4. –

路徑是絕對正確的，因爲沒有文件未找到錯誤，並且據我所知我正在使用Angular 1 – WubbaLubbaDubbDubb

引導需要jQuery才能正常工作

這裏是你應該怎樣包括他們兩個

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <meta charset="utf-8"> 
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
     <title>Bootstrap</title> 
 
     <link rel="stylesheet" href="css/bootstrap.min.css"> <!--Bootstrap CSS--> 
 
     <link rel="stylesheet" href="css/main.css"> <!--Your custom css file--> 
 
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
 
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
 
     <!--[if lt IE 9]> 
 
     <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> 
 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
 
     <![endif]--> 
 

 
    </head> 
 
    <body> 
 

 
     
 
     <!-- Your content goes here --> 
 

 

 
    <script src="js/jquery-1.12.4.min.js"></script><!--jQuery --> 
 
    <script src="js/bootstrap.min.js"></script><!--Bootstrap js--> 
 
    <script src="js/main.js"></script> <!--Your custom javascript file--> 
 
    </body> 
 

 
</html>

來源

2017-07-30 14:38:06

我想你已經犯了一個錯誤，而引用JQuery的。

應該是這樣：

<script src="bower_components/jquery/dist/jquery.min.js"></script>

，並確保您有任何其它腳本文件之前，包括它。

的正確方法包括jQuery是也bower.io下使用的軟件包給出https://bower.io/

來源

2017-07-30 14:41:50

引導安裝問題

回答

相關問題