web-dev-qa-db-ja.com

Bootstrap 4でpopper.jsをインストールする方法は？

私がこれまでに読んだことから、popper.jsはBootstrap 4で大きな苦痛です。それを動作させることはできません。このエラーが発生し続けます：

エラー：BootstrapドロップダウンにはPopper.jsが必要です（ https://popper.js.org ）

CDNとNPMのインストールを試しました。同じ結果。 HTMLファイルの最後に、NPMインストール用にこれがあります。

<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.min.js"></script>

次に、CDNでこれを試しました。

<script src="/js/jquery.min.js"></script>
<script src="/js/tether.min.js"></script>
<script src="https://cdnjs.com/libraries/popper.js"></script>
<script src="/js/bootstrap.min.js"></script>

私が間違っていることは何ですか？

twitter-bootstrappopper.js
34
4thSpace

https://cdnjs.com/libraries/popper.js popperの正しいsrcのようには見えず、ファイルを指定しません

with bootstrap 4これを使用しています

<script 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"></script>

そして、それは完全にうまく機能しています、試してみてください

14
Sam Hajari

ブートストラップ4には、jQuery 1.9.1とpopper.js 1.12.3の2つの依存関係があります。 Bootstrap 4をインストールするとき、これら2つの依存関係をインストールする必要があります。

  • Popper.jsをインストールします：npm install popper.js@^1.12.3 --save
  • JQueryのインストール：npm install [email protected] --save
  • ブートストラップのインストール：npm install [email protected] --save

Bootstrap 4.1の場合

54
Jobayer Ahmmed

これを試してください：

npm install bootstrap jquery popper.js --save

詳細については、このページを参照してください： how-to-include-bootstrap-in-your-project-with-webpack

15
Pawel Nieradka

Bootstrapのインストールにも問題があったため、次のようにしました。

popper.jsのインストール：npm install popper.js@^1.12.3 --save

jQueryのインストール：npm install [email protected] --save

次に、jquery @ 1.9.1をインストールするときに重大度の高い脆弱性メッセージがあり、このメッセージが表示されました：

npm audit fixを実行して修正するか、npm auditを実行して詳細を確認します

そこでnpm audit fixを実行し、別のnpm audit fix --forceをインストールしました。

2
DavidLio

PawelおよびJobayerは、npmを介してpopper.jsをインストールする方法について既に言及しています。

Bowerのようなフロントエンドパッケージマネージャーを使用している場合。次のコマンドを使用します

bower install popper.js --save
1
Harsha Vardhan

回避策は次のとおりです。

  1. Index.htmlと同じディレクトリにjsディレクトリを作成します
  2. 以下のサイトからpopper.min.jsを上記のjsディレクトリにダウンロードします https://github.com/FezVrasta/popper.js#installation

例： https://unpkg.com/popper.js/dist/umd/popper.min.js

  1. スクリプトインクルードのsrcを次のように変更します。

    src = "js/popper.min.js"

npmバージョン管理からPopperを削除したため、更新を手動でダウンロードする必要があります。

0
kmiklas