我正在使用带有角度4代码的清晰度模块.
使用他们的
alert box示例时,我收到上述错误
示例代码
<div class="alert alert-info">
<div class="alert-items">
<div class="alert-item">
<div class="alert-icon-wrapper">
<clr-icon class="alert-icon" shape="info-circle"></clr-icon>
</div>
<span class="alert-text">...</span>
<div class="alert-actions">
<a href="..." class="alert-action">Acknowledge</a>
<a href="..." class="alert-action">Reset to green</a>
</div>
</div>
</div>
<button type="button" class="close" aria-label="Close">
<clr-icon aria-hidden="true" shape="close"></clr-icon>
</button>
</div>
错误堆栈详细信息
ERROR Error: Uncaught (in promise): Error: No provider for
AlertIconAndTypesService! Error: No provider for
AlertIconAndTypesService!
at injectionError (core.es5.js:1169)
at noProviderError (core.es5.js:1207)
at ReflectiveInjector_.webpackJsonp…/../../core/@angular/core.es5.js.ReflectiveInjector_.throwOrNull
(core.es5.js:2649)
at ReflectiveInjector.webpackJsonp…/../../core/@angular/core.es5.js.ReflectiveInjector_.getByKeyDefault
(core.es5.js:2688)
at ReflectiveInjector.webpackJsonp…/../../core/@angular/core.es5.js.ReflectiveInjector_.getByKey
(core.es5.js:2620)
at ReflectiveInjector.webpackJsonp…/../../core/@angular/core.es5.js.ReflectiveInjector_.get
(core.es5.js:2489)
at resolveNgModuleDep (core.es5.js:9475)
at NgModuleRef_.webpackJsonp…/../../core/@angular/core.es5.js.NgModuleRef_.get
(core.es5.js:10557)
at resolveDep (core.es5.js:11060)
at createClass (core.es5.js:10913)
at injectionError (core.es5.js:1169)
at noProviderError (core.es5.js:1207)
at ReflectiveInjector_.webpackJsonp…/../../core/@angular/core.es5.js.ReflectiveInjector_.throwOrNull
(core.es5.js:2649)
at ReflectiveInjector.webpackJsonp…/../../core/@angular/core.es5.js.ReflectiveInjector_.getByKeyDefault
(core.es5.js:2688)
at ReflectiveInjector.webpackJsonp…/../../core/@angular/core.es5.js.ReflectiveInjector_.getByKey
(core.es5.js:2620)
at ReflectiveInjector.webpackJsonp…/../../core/@angular/core.es5.js.ReflectiveInjector_.get
(core.es5.js:2489)
at resolveNgModuleDep (core.es5.js:9475)
at NgModuleRef_.webpackJsonp…/../../core/@angular/core.es5.js.NgModuleRef_.get
(core.es5.js:10557)
at resolveDep (core.es5.js:11060)
at createClass (core.es5.js:10913)
at resolvePromise (polyfills.bundle.js:3328)
at resolvePromise (polyfills.bundle.js:3299)
at polyfills.bundle.js:3376
at ZoneDelegate.webpackJsonp…/../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask
(polyfills.bundle.js:2969)
at Object.onInvokeTask (core.es5.js:3881)
at ZoneDelegate.webpackJsonp…/../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask
(polyfills.bundle.js:2968)
at Zone.webpackJsonp…/../../../zone.js/dist/zone.js.Zone.runTask (polyfills.bundle.js:2736)
at drainMicroTaskQueue (polyfills.bundle.js:3140)
at
如错误所示,请在模块中导入AlertIconAndTypesService服务
所以在你的app.module.ts文件中
import { AlertIconAndTypesService } from "clarity-angular/emphasis/alert/providers/icon-and-types-service";
....
@NgModule({
...
providers:['AlertIconAndTypesService']
...
})