在ngx-bootstrap中导入组件时会抛出“not a known element”错误

是因为该组件没有被正确地导入和声明。

要解决这个错误，首先需要确保已经正确地安装了ngx-bootstrap，并在项目的根模块中导入了所需的模块。

以下是解决该错误的步骤：

1. 确保已经安装了ngx-bootstrap。可以通过运行以下命令来安装ngx-bootstrap：

npm install ngx-bootstrap --save

1. 在项目的根模块（通常是app.module.ts）中导入所需的ngx-bootstrap模块。例如，如果要使用Modal组件，可以在根模块中导入ModalModule：

import { ModalModule } from 'ngx-bootstrap/modal';

1. 在根模块的imports数组中添加导入的模块：

imports: [

 // 其他导入的模块

 ModalModule.forRoot()

]

这里的forRoot()方法是必需的，它会初始化ngx-bootstrap模块并配置全局设置。

1. 在要使用该组件的组件中导入所需的ngx-bootstrap组件。例如，在某个组件中使用Modal组件，可以在该组件中导入ModalDirective：

import { ModalDirective } from 'ngx-bootstrap/modal';

1. 在组件类中声明导入的组件。例如，在使用Modal组件的组件类中声明ModalDirective：

@ViewChild(ModalDirective) modal: ModalDirective;

这里的@ViewChild()装饰器用于获取对组件实例的引用。

1. 确保在组件的模板中正确地使用了导入的组件。例如，在使用Modal组件的模板中添加以下代码：

<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

 <!-- 模态框内容 -->

</div>

这里的bsModal指令用于将模态框与组件类中声明的ModalDirective实例关联起来。

通过按照以上步骤操作，应该能够解决在ngx-bootstrap中导入组件时抛出“not a known element”错误的问题。如果还有其他问题，请参考ngx-bootstrap的官方文档或寻求相关技术支持。