Angular未知提供程序[$injector:unpr]未知提供程序
Angular未知提供程序$injector:unpr未知提供程序是一个常见的错误，它通常在Angular应用程序中出现，表示某个依赖项无法被解析或注入。
这个错误通常发生在以下情况下：
- 依赖项未正确导入：在Angular中，我们需要在组件或模块中导入所需的依赖项。如果忘记导入依赖项，就会出现未知提供程序错误。
- 依赖项未正确声明或注册：在Angular中，我们需要在组件或模块的providers数组中声明或注册依赖项。如果依赖项没有正确声明或注册，就会导致无法解析或注入该依赖项。
- 依赖项名称拼写错误：如果依赖项的名称拼写错误，Angular将无法找到该依赖项并导致未知提供程序错误。
解决这个错误的方法包括：
- 检查依赖项的导入：确保所需的依赖项已正确导入到组件或模块中。例如，如果使用了某个服务，需要在组件或模块中导入该服务。
- 检查依赖项的声明或注册：确保依赖项已正确声明或注册。在组件中，可以使用providers数组声明依赖项；在模块中，可以使用providers属性注册依赖项。
- 检查依赖项名称拼写：确保依赖项的名称拼写正确，与导入或声明时的名称一致。
以下是一些腾讯云相关产品和产品介绍链接地址，可以帮助解决和优化Angular应用程序中的问题：
- 云函数（Serverless）：腾讯云云函数是一种无服务器计算服务，可帮助您在云端运行代码，无需关心服务器的管理和维护。链接地址：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版：腾讯云云数据库 MySQL 版是一种高性能、可扩展的云数据库服务，适用于各种规模的应用程序。链接地址：https://cloud.tencent.com/product/cdb
- 云存储（对象存储）：腾讯云云存储是一种安全、高可靠、低成本的云端存储服务，适用于存储和处理各种类型的数据。链接地址：https://cloud.tencent.com/product/cos
- 人工智能（AI）：腾讯云人工智能服务提供了多种人工智能能力，包括图像识别、语音识别、自然语言处理等，可帮助开发者构建智能化应用。链接地址：https://cloud.tencent.com/product/ai
相关·内容
11回答
腾讯云上如何自建DNS？
云服务器、DNS 解析 DNSPod、linux、centos、dns
当前腾讯云私有域VPCDNS暂时还不支持背景下，怎么在腾讯云CVM环境下构建内网解析？
实现功能：
1.支持腾讯云云环境保留域名解析如：mirrors.tencentyun.com;
2.支持用户自有业务域名内部网解析如：you.aaa.com；
3.支持访问外网域名解析如：www.qq.com；
4.支持分域名转发到不同的DNS服务器；
基础环境：
CVM：标准型SA2（请根据自身业务情况，选择样本）
操作系统：CentOS Linux版本7.6.1810（核心）
绑定：bind-9.11.4-16.P
浏览 1401提问于2021-01-27
8回答
Angular 6服务: providedIn：'root‘vs CoreModule
angular、angular6
在Angular 6中，下面是创建单例服务的首选方式：
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root',
})
export class UserService {
}
在Angular文档中:当您在根级别提供服务时，Angular将创建HeroService的单个共享实例，并将其注入到请求它的任何类中。在@Injectable元数据中注册提供者也允许Angular通过删除服务来优化应用程序，如果最终证明它不被使用的话。
另外，
providers:
浏览 0提问于2018-06-14得票数 37
1回答
武汉市户口办理湖北省省内备案需提供居住证明嘛？
ICP备案、官方文档
为湖北省武汉市户口，申请备案时，需要上传本人居住证明，请问这个居住证明对于本为武汉市户口且常住的是个什么材料？如果是的话，需要再去办理么？
标题：各省管局要求 - 网站备案 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/243/3474
浏览 682提问于2018-02-15
2回答
Angular 2-如何使服务在应用程序模块级别可用
angular、typescript
我在调用一个服务内部的函数时遇到了问题，我认为这个服务是全局可用的。我已经创建了一个名为SavedNotificationService的服务
import { Injectable } from '@angular/core';
@Injectable()
export class SavedNotificationService {
private showSavedNotification = false;
show(): void {
this.showSavedNotification = true;
}
hid
浏览 1提问于2017-03-27得票数 3
回答已采纳
3回答
有拉力元件的角反应形群问题
angular、lazy-loading、angular-routing、angular-reactive-forms
我试图在一个延迟加载组件中实现一个反应性表单，并得到以下错误。
ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("<h3>Product List</h3>
<form [ERROR ->][formGroup]="myForm">
<inp
浏览 0提问于2020-05-22得票数 1
1回答
角度依赖注入-为什么需要导入？
typescript
在下面的代码示例中，app.module将提供程序设置为角度依赖注入。因此，有一个对DataService类的引用。
// app.module.ts
import { DataService } from './services/dataService';
import { LocationsComponent } from './components/locations.component';
@NgModule({
declarations: [
AppComponent,
LocationsComponent,
],
imp
浏览 0提问于2018-04-27得票数 0
回答已采纳
3回答
为什么我不能在@NgModule中导入角2服务？
javascript、angular、typescript
我有ExchangeService角2 @Injectable类，我有一个应用程序主模块：
@NgModule({
imports: [
BrowserModule,
HttpModule,
FormsModule,
ReactiveFormsModule,
ExchangeService,
RouterModule.forRoot(routes)
],
providers: [
{ provide: LocationStrategy,
useCla
浏览 5提问于2017-04-13得票数 2
回答已采纳
1回答
Angular2如何将提供者中的服务从打包的模块中使用到另一个模块中
angular、angular-module
我有一个带有核心包和主机包的angular2应用程序。在主机包中使用核心包。
我正在开发一个在核心包中定义的身份验证服务。但我想在主机包中使用服务。这样我就可以对整个应用程序使用身份验证。
我想使用core包中定义的服务。有谁能帮助我们实现这一点吗？
UICore：
export class UICoreModule {
static forRoot(): ModuleWithProviders {
return {
ngModule: UICoreModule,
providers: [
AuthGuardService,
浏览 8提问于2018-02-23得票数 1
2回答
延迟加载-提供程序和模块
angular、ionic3、lazy-loading
我要把我的应用程序移到懒散加载。我已经完成了页面、管道和指令，但现在轮到提供者/服务和一些其他模块了。
这是我的app.module
...
import { FileUploadModule } from "ng2-file-upload";
import { CloudinaryModule } from "@cloudinary/angular-5.x";
import * as cloudinary from "cloudinary-core";
import { ImageUploadProvider } from "../se
浏览 0提问于2018-08-30得票数 2
回答已采纳
1回答
未在模块之间共享服务
angular、service、module、instance
这是我目前的设置
仪表板模块
import { HomieService } from './homie.service';
import { ServiceService } from './service.service';
@NgModule({
imports: [ DashboardRoutingModule, CommonModule],
providers: [ HomieService, ServiceService ],
declarations: [ DashboardComponent, ValuesPipe]
浏览 1提问于2017-08-21得票数 4
回答已采纳
2回答
@Injectable()装饰器和提供程序数组
angular、dependency-injection、angular-services、angular-module
在@Injectable()装饰器中以"root“形式提供的服务是否仍然必须位于模块的提供者数组中？
并没有给我一个真正的答案，或者我不太明白。
在我的核心文件夹中，我有一个在root中提供的身份验证服务。我不想为了使用所提供的所有服务和组件而在应用程序模块中导入我的核心模块。
我是否必须在模块的providers数组中额外设置服务，还是已经使用装饰器在根级提供了服务？
浏览 1提问于2020-02-24得票数 2
回答已采纳
3回答
角2 HTTP请求: TypeError: backend.createConnection不是一个函数
angular、angular2-services
我试图以角方式运行一个简单的HTTP请求，并遇到以下错误：
angular2.dev.js:23941错误:未知(承诺)：异常:AlbumListComponent实例化过程中的错误！原始异常: TypeError: backend.createConnection不是一个函数
为了简化，我将HTTP功能分解为最简单的删除服务和直接访问HTTP服务的方法，并且可以观察到：
import {Component} from 'angular2/core';
import {Album} from './album';
import {AppState} fr
浏览 2提问于2016-04-10得票数 4
回答已采纳
4回答
角误差:请添加@NgModule注释
angular
我刚接触到Angular，我正在尝试编写一个简单的模块化应用程序。但我得到了以下错误：
未知错误:由模块“SomeModule”导入的意外指令“SomeComponent”。请添加一个@NgModule注释。
基本上，我不想导入app.module.ts中的所有服务和组件，我想模块化代码，但失败了。
这是app.module.ts
@NgModule({
declarations: [
AppComponent,
HomeComponent
],
imports: [
BrowserModule,
RouterModule.forRoot(a
浏览 0提问于2018-09-20得票数 38
回答已采纳
1回答
注射服务在提供者角5？
angular、angular5
我在角5中有简单的定制服务：
@Injectable()
export class RequestsMethods {
constructor(private http: HttpService) {
}
}
我试图将它注册为@NgModule({})中的提供者：
providers: [
RequestsMethods,
FormRegister,
ErrorWatcher,
{
provide: HttpService,
useFactory: httpFactoryService,
deps: [Router,
浏览 0提问于2018-08-28得票数 0
回答已采纳
3回答
带有AnguarJS负载配置模块的ES2016
javascript、angularjs、ecmascript-6
我正在尝试启动一个基于ES6的新的角1应用程序。我用webpack和巴贝尔-装载机来转换JS。
我现在的问题是加载自己的配置模块。请看一看：
// config/config.js
import angular from 'angular';
export default angular.module('config')
.factory('config', () => {
return {
url: {
products: 'https://....
浏览 1提问于2017-01-31得票数 0
回答已采纳
3回答
Range4是在核心模块中提供的真正的服务吗？
angular、ng-modules
我试图理解角4中的核心模块和单例服务。正式文档()中有以下内容：
UserService是一个应用程序范围的单例。您不希望每个模块都有自己的单独实例。然而，如果SharedModule提供UserService，就有发生这种情况的真正危险。
CoreModule提供UserService。用app根注入器注册该提供程序，使需要它的任何组件都可以使用UserService的单个实例，无论该组件是急切加载的还是延迟加载的。
我们建议收集此类单一用途类，并将它们的详细信息隐藏在CoreModule中。一个简化的根AppModule以其作为整个应用程序的协调器的身份导入CoreModule。
浏览 4提问于2017-07-21得票数 4
在angular2中，可以在@Component元素中定义提供程序，如
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css'],
providers : [ DataService ]
})
export class HomeComponent implements OnInit {
...
}
同时也在一个
@NgModule({
declarations: [
浏览 5提问于2017-03-02得票数 4
回答已采纳
1回答
重用Angular组件中的现有提供程序
angular、typescript
我正在尝试创建一个可以跨多个模块使用的Angular组件(带子组件)。子组件依赖于数量可变的可注入服务。
每个子组件都有自己的providers: [...]设置，允许组件加载到提供程序的新实例中。但是，如果组件重用提供程序的现有实例(如果它存在)，我会更愿意。
这个是可能的吗？
浏览 0提问于2017-12-14得票数 1
2回答
无法用服务测试组件
unit-testing、angular、jasmine、karma-jasmine、angular2-testing
在阅读了这个之后，我决定测试我的简单登录页面，它只包含两个输入框和一个提交按钮。然后，组件使用LoginService将这些数据传递给后端。
(还请注意，我对这种单元测试还是新手，所以我不确定这是否是一个很好的方法来测试这样的组件。)
首先，我只想检查#username输入元素的初始值是否为空。但由于以下报告的问题，我甚至无法使规范工作：
Chrome 55.0.2883 (Windows 7 0.0.0) LoginComponent Username field should be empty FAILED
Failed: Unexpected value 'Htt
浏览 0提问于2017-01-16得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
