BootstrapはPopperJsに依存して、Angularでエラーをスローします:popper.min.js:4 Uncaught SyntaxError:Unexpected token export
Bootstrap Relies Popperjs Throw An Error Angular
Bootstrap4はPopperJsに依存してAngularでエラーをスローします
popper.min.js:4 Uncaught SyntaxError:予期しないトークンのエクスポート
新しいangular-cliプロジェクトを開発し、npm install bootstrap jquery popper.js bootstrap-select --saveを実行して、以下に示すように.angular-cli.jsonの関連部分を変更します。
angle.jsonで構成されている場合
'styles': [ '../node_modules/bootstrap/dist/css/bootstrap.css' '../node_modules/bootstrap-select/dist/css/bootstrap-select.min.css' ], 'scripts': [ '../node_modules/jquery/dist/jquery.js', '../node_modules/popper.js/dist/popper.js', '../node_modules/bootstrap/dist/js/bootstrap.js', '../node_modules/bootstrap-select/dist/js/bootstrap-select.min.js' ],
ここでは、index.htmlにファイルをインポートすることを選択します。
<link rel='stylesheet' type='text/css' href='./assets/lib/bootstrap/dist/css/bootstrap.min.css'/> <link rel='stylesheet' type='text/css' href='./assets/lib/bootstrap-select/dist/css/bootstrap-select.min.css'/> <script type='text/javascript' src='./assets/lib/popper.js/dist/popper.min.js'>script> <script type='text/javascript' src='./assets/lib/popper.js/dist/popper-utils.min.js'>script> <script type='text/javascript' src='./assets/lib/jquery/dist/jquery.min.js'>script> <script type='text/javascript' src='./assets/lib/bootstrap/dist/js/bootstrap.min.js'>script> <script type='text/javascript' src='./assets/lib/datatables.net/js/jquery.dataTables.js'>script> <script type='text/javascript' src='./assets/lib/bootstrap-select/dist/js/i18n/defaults-zh_CN.js'>script> <script type='text/javascript' src='./assets/lib/bootstrap-select/dist/js/bootstrap-select.min.js'>script>
しかし、ページは次のエラーを受け取ります、
popper.min.js:4 Uncaught SyntaxError: Unexpected token export
dist-folder(/popper.js/dist/popper.js)を構成することにより、
代わりに、umdフォルダー(/popper.js/dist/ umd /popper.js)をインポートします。
<script type='text/javascript' src='./assets/lib/umd/popper.js/dist/popper.min.js'>script> <script type='text/javascript' src='./assets/lib/popper.js/dist/umd/popper-utils.min.js'>script>