当我try 将bootstrap添加到我的Angular 项目时,我得到了这个错误:

MainComponent类是独立组件,不能 在@NgModule.bootstrap数组中使用.使用 bootstrap 应用程序 函数改为用于 bootstrap

完全在app.module文件中

bootstrap:[MainComponent] }) export class AppModule { }

如何修复此错误以便在我的应用程序中使用Bootstrap,提前谢谢

推荐答案

看起来你把stangone和ngModule都混在一起了. 如果您希望使用单机版(不带ngModule),则需要在Main中使用bootstrapApplication(MainComponent).

第二种 Select 是使用ngModule并删除MainComponent中的Standonly:True属性

    @Component({
      selector: 'app-main',
     
// standalone: true, // remove this !!!!

      templateUrl: './main.component.html',
      styleUrls: ['./main.component.css']
    })
    export class MainComponent {
      // ...
    } 

Angular相关问答推荐

Angular 形式验证:在空和不匹配的密码上显示错误

PrimeNG侧栏清除primeNG消息.为什么?

具有多重签名的Angular Mocking Service

Toastr在独立组件上的Angular17实现

如何动态呈现组件并以Angular 访问它们的方法?

使用`UrlHandlingStrategy`更改位置

Ngrx Select 器返回部分对象

如何捕获生命周期方法中抛出的Angular组件错误?

Angular 不使用NgRx的简单CRUD应用程序

从组件调用时服务中的 AddTodo 方法不起作用

从 Angular 应用程序中删除散列标签后无法从 Apache 访问 API

Angular 在关闭另一个对话框后打开另一个对话框的最佳做法是什么?

将 autoSpy 与 ng-mocks 一起使用时,如何重置 jasmine 间谍调用?

Angular:如何在根组件中使用 ngx-translate?

在ionic 5中获取url传递的参数

Angular SPA 和 .Net 6 API 之间未连接 Application Insights Map

如何在 Angular 6 中使用 mouseover 和 mouseout

Angular7 中的 CORS 策略已阻止源http://localhost:4200

ng add 与 npm install 在 Angular 6 中的区别

将 [NgStyle] 与条件组合(if..else)