2017-10-15 10 views
0

ブートストラップ4ベータ版では、popper.jsという新しい依存関係が追加されています。 package.jsonのnpm依存関係をBootstrap 4 betaに、ng-bootstrapを1.0.0-beta.5にアップグレードすると、popper.jsの "UNMET PEER DEPENDENCY"が表示されます。ブートストラップ4 ng-bootstrapによるbeta npm依存性

「いいえ、NG-ブートストラップの目標は、完全にコンポーネントのJavaScript実装を交換することでも、あなたはjQueryのかpopper.jsのような他の依存関係を含める必要があります(私はインストールNPM呼び出すとき) しかしwebsite of ng-bootstrapには書かれています。それは必要ではなく、ng-bootstrapコードを妨げる可能性があります。

私はその点を見ません。私がそれを追加しなければ、私は上記の警告を書いています。しかし、ウェブサイトは私にそれを追加しないように頼んでいます。何が間違っていたのですか?

私はpopperを使用しませんので、必要でない場合は、私の依存関係に追加したくありません。それはそれは角度ブートストラップに依存ng-bootstrap getting startedで書かれている

+0

npmはすべてについて知りません。あなたはブートストラップをダウンロードするように指示します。ブートストラップにはpopperに対する依存関係が宣言されているので、npmはそれについて警告します。しかし、あなたはブートストラップのCSS部分だけに興味があるので、実際にはポッパーの依存関係は必要ではないことを知っているので、警告を無視することができます。 –

答えて

2

私は同じ問題に遭遇し、それが文書化されている場合でも、それはより明示的な可能性が...。したがって、あなたはあなたのpackage.jsonと参照CSS/JSファイルにブートストラップをインクルードする必要があり、あなたの

しかし書かれたとして、Bootstrap source documentationで、bootstrap.min.jsはポッパーを(ブートストラップで必要とされる)が含まれていません.angular-cli.json。あなたは自分でポッパーをインポートするか、ここでbootstrap.bundle.min.jsの代わりbootstrap.min.js

を使用するのいずれかが必要になりますファイルです:

package.json

... 
"dependencies": { 
    "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.9", 
    "bootstrap": "^4.0.0-beta.3", 
}, 
... 

app.module.ts

... 
    imports: [ 
    ... 
    NgbModule.forRoot() 
], 
... 

。角-cli.json

... 
    "styles": [ 
    "styles.css", 
    "../node_modules/bootstrap/dist/css/bootstrap.min.css" 
    ], 
    "scripts": [ 
    "../node_modules/jquery/dist/jquery.min.js", 
    "../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" 
    ], 
... 
関連する問題