mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
a6d953e145
This commit prepares the documentation directories for future tutorials organized by directory. Also, it moves the Angular Libraries topic from the Tutorials section to Developer Guides in TOC PR Close #48162
30 lines
1.2 KiB
Markdown
30 lines
1.2 KiB
Markdown
@name No Provider Found
|
|
@category runtime
|
|
@videoUrl https://www.youtube.com/embed/lAlOryf1-WU
|
|
@shortDescription No provider for {token} found!
|
|
|
|
@description
|
|
You see this error when you try to inject a service but have not declared a corresponding provider. A provider is a mapping that supplies a value that you can inject into the constructor of a class in your application.
|
|
|
|
Read more on providers in our [Dependency Injection guide](guide/dependency-injection).
|
|
|
|
@debugging
|
|
Work backwards from the object where the error states that a [provider](guide/architecture-services) is missing: `No provider for ${this}!`. This is commonly thrown in [services](tutorial/tour-of-heroes/toh-pt4), which require non-existing providers.
|
|
|
|
To fix the error ensure that your service is registered in the list of providers of an `NgModule` or has the `@Injectable` decorator with a `providedIn` property at top.
|
|
|
|
The most common solution is to add a provider in `@Injectable` using `providedIn`:
|
|
|
|
<code-example format="typescript" language="typescript">
|
|
|
|
@Injectable({ providedIn: 'app' })
|
|
|
|
</code-example>
|
|
|
|
<!-- links -->
|
|
|
|
<!-- external links -->
|
|
|
|
<!-- end links -->
|
|
|
|
@reviewed 2022-02-28
|