popper.jsを含めても、まだ "Uncaught Error：BootstrapドロップダウンにPopper.jsが必要です"

AngularとBootstrapに新しく、helloworldアプリケーションを作成することでほとんど手をつけていません。私は必要なライブラリを追加しているが、私はjqueryの後とブートストラップJS前に、私はpopper.jsスクリプトを追加した。このエラーpopper.jsを含めても、まだ "Uncaught Error：BootstrapドロップダウンにPopper.jsが必要です"

Uncaught Error: Bootstrap dropdown require Popper.js

で立ち往生しています。それでもブラウザはエラーをスローします。

助けてください。

コードは次のようになります。

<!DOCTYPE html> 
<html ng-app="helloWorld" lang="en"> 
<head> 

<meta charset="utf-8"> 
<meta name="viewport" 
    content="width=device-width, initial-scale=1, shrink-to-fit=no"> 

<title>Index</title> 

<link href="css/bootstrap.min.css" rel="stylesheet"> 

</head> 

<body ng-controller="mainCtrl">{{message}} 

<script src="js/angular.min.js" type="text/javascript"></script> 
<script src="js/jquery-3.2.1.slim.min.js" type="text/javascript"></script> 
<script src="js/popper.min.js" type="text/javascript"></script> 
<script src="js/bootstrap.min.js" type="text/javascript"></script> 
<script src="app/app.js" type="text/javascript"></script> 
</body> 

</html>

出典

2017-08-17 Pavan

popper.jsのどのビルドを使用していますか？この場合、UMDが1つ必要です –

popper.min.js – Pavan

ダウンロードしたバージョンはv1.12.2です。 UMDはどちらですか？ – Pavan

これは私の仕事：ダウンロードに "UMD" という名前のフォルダ内にある

使用popper.jsをあなたはhttps://popper.js.org
ここで見つけます bootstrap.jsと同じフォルダにファイルを保存しますが、「umd」という名前の別のフォルダを作成します
d bootstrap.js

前eclareのpopper.jsだから、あなたのケースでは、

<script src="js/umd/popper.min.js" type="text/javascript"></script>

出典

2017-08-24 07:06:29 Konrad

popper-utilsは必要ありません。 –

ありがとう、ちょっと編集しました。 – Konrad

に

<script src="js/popper.min.js" type="text/javascript"></script>

を変更する同じ問題を抱えていたし、それを解決しました。それが役に立てば幸い！

プロジェクトでBootstrap.jsを使用している場合は、jqueryとpopper.jsがブートストラップより先に実行されている必要があります。プロジェクトのブートストラップフォルダにプロジェクトのフォルダまたはCDに

CD：手順以下はこの問題を解決する可能性があります。は実行します。
```
npm install popper.js --save 
```
ゴーhttp://getbootstrap.com/docs/4.0/getting-started/download/ コピー述べブートストラップCDNセクションの下のスクリプトやリンクの内容に - あなたは私たちのコンパイルJavaScriptを使用している場合は、jQueryとポッパーのCDNバージョンを含めることを忘れないでください。その前にjs。

はあなたのindex.htmlファイルは次のように見ているかもしれません：あなたは基本的には次の順序に3スクリプトSRC =「」タグを探している（jqueryののバージョンとpopper.jsに基づく）jqueryの> popper.js> bootstrap.js 注：エディタではスクリプトタグを追加できません。それらを追加します。

src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"> 

src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"> 

src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous">

出典

2017-09-24 06:46:19 Indra4ev3r

Indra4ev3rの答えは、MVC5プロジェクトのためにVS2015アップデート3に私のために働きました。例えば、ブートストラップの前にポッパーを切り替えました。

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
"~/Scripts/umd/popper.js", 
"~/Scripts/bootstrap.js"));

出典

2017-10-04 16:27:06 bflint

popper.jsを含めても、まだ "Uncaught Error：BootstrapドロップダウンにPopper.jsが必要です"

答えて

関連する問題