Angular2

Question

にコンソールにpopper.jsのエラーを解決するためにどのように私は、インストールされた角度NG-選択し、誰の助けがこのエラーを解決することができます

Uncaught ReferenceError: Popper is not defined 
    at scripts.bundle.js:12 

として、私はエラーを取得していますアプリの実行中。

anuglar-cli.json：

"apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
     "assets", 
     "favicon.ico" 
     ], 
     "index": "index.html", 
     "main": "main.ts", 
     "polyfills": "polyfills.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.app.json", 
     "testTsconfig": "tsconfig.spec.json", 
     "prefix": "app", 
     "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.min.js" 
     ], 

Answer 1

あなたが取得していない参照を意味し、角度-CLIを使用していて、anuglar-cli.jsonあなたに依存関係を追加していないので、あなたのプロジェクトにコンパイルされます。 パッケージを使用することができます。

まず、package.jsonファイルにパッケージを追加する必要があります。

npm install popper.js --save-dev 

{ 
    "name": "appname", 
    "version": "0.0.0", 
    }, 
    "scripts": { 
    }, 
    "private": true, 
    "dependencies": { 

    }, 
    "devDependencies": { 
    "popper.js": "^1.12.5", 

    } 
} 

または単純な実行は、そのステップの後、あなたのアンギュラcli.jsonファイルを見てみる必要があります。次のコードを見て、「スクリプト」で詳しく見ていくセクション：

{ 
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 
    "project": { 
    "name": "appname" 
    }, 
    "apps": [ 
    { 
     "root": "src", 
     "outDir": "server/public", 
     "assets": [ 
     "assets", 
     "favicon.ico" 
     ], 
     "index": "index.html", 
     "main": "main.ts", 
     "polyfills": "polyfills.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.app.json", 
     "testTsconfig": "tsconfig.spec.json", 
     "prefix": "app", 
     "styles": [ 
     "styles.scss", 
     "../node_modules/bootstrap/dist/css/bootstrap.css" 
     ], 
     "scripts": [ 
     "../node_modules/jquery/dist/jquery.slim.min.js", 
     "../node_modules/popper.js/dist/umd/popper.min.js", 
     "../node_modules/bootstrap/dist/js/bootstrap.min.js" 
     ] 
    } 
    ] 
} 

あなたは私があなたの場所に角度-cli.jsonからパスが追加されたことを見ることができますパッケージをインストールしました。

このセクションを追加して、プロジェクトをもう一度起動してください。

注：ブートストラップの前にPopper.jsを含める必要があります。