Question

我已使用以下命令将引导程序添加到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文件中没有导入/插件）

Answer 1

只需签入 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]

无法在Angular 7项目中加载Bootstrap 4.2.1样式

1 个答案: