-2

以下を使用して、Angular Project にブートストラップを追加しました。

npm install --popper.js
npm install --jquery.js
npm install --bootstrap

--> angular.json ファイルに次のように追加されます。

"styles": [
"src/assets/css/styles.css",
"./node_modules/bootstrap/dist/css/bootstrap.min.css"
]

また、package.json で次のように指定します。

"dependencies": {
"bootstrap": "^4.2.1"
}

しかし、私のようなブートストラップクラスは機能.btn .btn-primary, .form-group, .form-controlしていません。これで私を助けてください。私たちのプロジェクトは複雑で、読み込みを高速化する必要があるため、読み込みに時間がかからない解決策を提案してください。(つまり、html または css ファイル内にインポート/プラグインがないことを意味します)

4

1 に答える 1

0

angular.jsonをチェックインして、これらの行を追加したかどうかを確認してください。

"styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "./node_modules/font-awesome/css/font-awesome.min.css",
          "src/styles.scss"
        ],
        "scripts": [
          "node_modules/jquery/dist/jquery.min.js",
          "node_modules/popper.js/dist/umd/popper.min.js",
          "node_modules/bootstrap/dist/js/bootstrap.min.js",
        ]

アプリ モジュールで bootstarp をエクスポートする

app.module.ts

  exports: [],
  bootstrap: [AppComponent],
  schemas: [NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA]
于 2019-01-30T18:55:35.373 に答える