将NGB_ALERT_DIRECTIVES从ng-bootstrap添加到Angular-CLI项目时出错
可能是由于以下原因导致的：
- 版本不兼容：确保你使用的ng-bootstrap版本与Angular-CLI项目的版本兼容。可以查看ng-bootstrap官方文档或GitHub页面获取版本兼容性信息。
- 依赖缺失：确保你已经正确安装了ng-bootstrap及其相关依赖。可以通过运行npm install命令来安装缺失的依赖项。
- 引入错误：检查你是否正确地引入了NGB_ALERT_DIRECTIVES。在Angular-CLI项目中，你需要在相关的模块文件中导入NGB_ALERT_DIRECTIVES，并将其添加到模块的declarations数组中。
- 命名冲突：确保你没有在项目中使用与NGB_ALERT_DIRECTIVES相同的指令名称或变量名称，以避免命名冲突。
- 编译错误：如果以上步骤都正确无误，但仍然出现错误，可能是由于其他编译错误导致的。在这种情况下，你需要仔细检查错误信息，并逐步解决其他编译错误。
对于ng-bootstrap的NGB_ALERT_DIRECTIVES，它是ng-bootstrap库中的一个指令，用于在Angular应用程序中显示警报消息。它可以用于向用户显示成功、警告或错误等消息。NGB_ALERT_DIRECTIVES提供了一种简单且易于使用的方式来创建和管理警报消息。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云容器服务（TKE）、腾讯云对象存储（COS）等。你可以通过访问腾讯云官方网站（https://cloud.tencent.com/）获取更多关于这些产品的详细信息和使用指南。
相关·内容
我尝试将ng-bootstrap的警告指令(NGB_ALERT_DIRECTIVES)添加到一个Angular-CLI项目中。我遵循了中描述的步骤。
浏览 2提问于2016-08-01得票数 0
回答已采纳
当我尝试根据将ng-bootstrap添加到Angular-CLI项目时，我不能不使用procompile optionimport {NGB_ALERT_DIRECTIVES,NGB_PRECOMPILE} from '@ng-bootstrap/ng-bootstrap';
@Com
浏览 16提问于2016-08-01得票数 0
回答已采纳
对于我尝试的每一个角度引导组件npm install angular-clinpm install 在app.module.ts中
import { AppComponent
浏览 2提问于2018-01-30得票数 4
在使用angular-cli将bootstrap添加到angular项目中时出现此错误npm install bootstrap@3 jquery --save
npm ERR!
浏览 16提问于2018-08-18得票数 0
如何将ng-bootstrap (由角ui团队编写)添加到角-CLI (Angular2 RC4)项目中？更具体而言：
我必须把它添加到angular-cli-build.js中吗？我必须把它添加到/src/system-config.ts中吗？
浏览 2提问于2016-07-16得票数 5
回答已采纳
40回答
我们希望在使用angular-cli 1.0.0-beta.5 (w/ node v6.1.0)生成的应用中使用bootstrap 4 (4.0.0-alpha.2)。在使用npm获得bootstrap及其依赖项之后，我们的第一个方法是将它们添加到angular-cli-build.js中
'bootstrap/dist/**/*.min.script src="vendor/bootstrap/dist/js/bootstrap.min.js"&g
浏览 157提问于2016-06-06得票数 284
回答已采纳
1回答
角8ng-引导5表排序不起作用
、、、、
我有一个项目，是使用.NET核心3.1和角8 ("@angular/core": "8.2.12")。ng add @ng-bootstrap/ng-bootstrap@5.3.1import { NgbModule} from '@ng-bootstrap/ng-bootst
浏览 4提问于2020-06-19得票数 0
回答已采纳
Compiling @ng-bootstrap/ng-bootstrap : module as esm5node_modules/@ng-bootstrap/ng-bootstrap</em
浏览 1提问于2020-03-24得票数 0
嘿，我对webpack和他的同事来说是个新手，所以我希望能轻松地开始使用angular-cli。我使用的是angul
浏览 2提问于2017-02-12得票数 3
}；从‘@angular/platform-browser’导入{ BrowserModule }；从‘./app.Component’导入{ AppComponent }；从“@ng-bootstrap/ng-bootstrap”导入{ NgbModule }；@NgModule({ imports: NgbModule将引导.css和.js脚本标记添加到index.html
npm start产生装载..。页面和其他任何内容，都可以
浏览 2提问于2016-08-22得票数 2
回答已采纳
我尝试了两种方法：
我创建了一个项目，然后将相关的src/app文件从Stackblitz集合复制到项目的src/app文件夹(即app.component.html、app.component.ts作为第二次尝试，我尝试将整个Stackblitz集合复制到它自己的文件夹中，并尝试在其上运行ng serve。/ng-bootstrap"依赖项，并想知道ngbDropdownToggle指令是否存在，但当我试图将该依赖项添加到原始项目</
浏览 1提问于2019-03-21得票数 3
回答已采纳
2回答
ResetPasswordComponent, // NavbarComponent,share.module
然而，一旦我将这些组件移到这里
浏览 0提问于2018-09-10得票数 19
回答已采纳
2回答
我有一个纯ASP.NET核心项目(MVC5，而不是.NET核心)，我想把它和angular-cli结合起来。Angular-cli项目位于WebApi项目之外的单独目录中。ng build命令将所有脚本放入WebApiProject/App。我想保持WebApiProject作为一个纯WebApi (只有WebApiControllers-没有MVC控制器)。内容、脚本和布局只能在由angular-cli创建的/App目录中。
问:当从</e
浏览 11提问于2017-03-15得票数 2
我用ng新的klw创建了一个新的角2项目。我安装了引导程序：npm install bootstrap@next
"styles.css“、”styles.css“、”脚本“：”./node_modules/bootstrap/dist/js/bootstrap.js”、
在
浏览 6提问于2017-03-21得票数 5
作为将angular 1.5应用程序移植到angular 2的起点，我使用angular-cli创建了一个项目模板：手写笔编译原则上运行良好，但使用绝对路径/assets/img/sprite.png") no-repeatModuleNotFoundError: Module not found: Error: Can't但是在angular-cli生成的文件中，我到底
浏览 2提问于2016-10-06得票数 2
我正在创建一个Angular 5库项目，其中使用了ng-bootstrap，当ng从它自己的项目文件夹中提供服务时，它工作得很好。现在，它被安装到另一个Angular 5应用程序项目中，当启动该应用程序时，它给出了这个异常：
ERROR Error: Uncaught (in promise): Error: StaticInjectorError在库项目中，我已经将NgbModule.forRoot()添加到app.modu
浏览 6提问于2018-01-16得票数 1
我是angular的新手。我正在实现modal，但它没有显示？ <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"> </button>
<div class="modal fade" id=
浏览 1提问于2021-05-17得票数 1
我已经使用yeoman生成器see there构建了一个angular项目 yo angular testapp 我已经使用bower安装了ng-boostrap库。bower install ng-bootstrap 通常，我将".js“文件导入到"index.html”文件中，并将模块名称添加到"app.js“文件中，如下所示： angular
.module我已经从ng-bootstrap官方网站和yeoman angular生成器那里获取了文档
浏览 17提问于2019-02-23得票数 0
回答已采纳
2回答
/home/home.component'; ], bootstrap: [AppComponent]export class AppModule { }
当我添加ng引导组件时，ERROR in node_modules/@n
浏览 0提问于2020-06-03得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
