"build": { ... "options": { ... "styles": [ "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.scss" ] } }
如果Bootstrap的位置不正确,它可能无法加载并运行。 3. 在app.module.ts中导入Bootstrap模块并在imports数组中添加。例如:
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { HttpClientModule } from '@angular/common/http'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; // Import Bootstrap module
@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, FormsModule, HttpClientModule, AppRoutingModule, NgbModule // Add Bootstrap module ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
这些步骤应该可以解决Bootstrap在Angular 11中无法运行的问题。