Angular:如何解决错误core.js:6185
Angular是一种流行的前端开发框架，用于构建单页应用程序。在使用Angular开发过程中，有时会遇到错误，如"core.js:6185"。这个错误通常是由于代码中的问题引起的，可能是以下几个方面导致的：
- 语法错误：检查代码中是否存在语法错误，如拼写错误、缺少分号等。使用开发工具的语法检查功能可以帮助发现这些问题。
- 依赖问题：Angular依赖于一些核心模块和第三方库，确保这些依赖项已正确引入并按照正确的版本进行安装。可以通过检查package.json文件中的依赖项来确认。
- 版本不匹配：Angular的不同版本可能会引入一些不兼容的变化。确保使用的Angular版本与代码中所使用的语法和API相匹配。
- 组件引用错误：检查代码中是否正确引用了组件，包括组件的路径和名称是否正确。
- 环境配置问题：某些错误可能与开发环境的配置有关。确保开发环境中的Angular相关配置正确，并且所需的依赖项已正确安装。
解决这个错误的方法包括：
- 仔细检查错误信息：错误信息通常会提供一些线索，帮助我们定位问题所在。查看控制台输出和浏览器开发者工具中的错误信息，以便更好地理解问题。
- 调试代码：使用开发者工具的调试功能，逐步执行代码并观察变量的值和执行路径，以找出问题所在。
- 查阅文档和社区资源：Angular拥有广泛的文档和活跃的社区，可以在官方文档、论坛、博客等地方查找类似问题的解决方案。
- 更新和升级：如果错误是由于版本不匹配引起的，可以尝试更新或升级Angular版本，以解决兼容性问题。
腾讯云提供了一系列与Angular相关的产品和服务，如云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。更多关于腾讯云的产品和服务信息可以在腾讯云官网（https://cloud.tencent.com/）上找到。
相关·内容
1回答
我扩展了DecimalPipe，并将其用于fr区域设置。
import { DecimalPipe, registerLocaleData } from '@angular/common';
import { Pipe, PipeTransform } from '@angular/core';
import localeFr from '@angular/common/locales/fr';
@Pipe({
name: 'myDecimalPipe'
})
export class MyDecimalPipe ext
浏览 1提问于2020-04-23得票数 1
回答已采纳
我想做从Angular 9/RxJ到rest服务的池化，每5秒返回一个状态。rest服务是一个典型的get，它只返回事务的状态。下面的代码基于一些搜索，包括StackOver flow中的一些答案。我不断得到错误粘贴的bellow。 到目前为止，我找到的所有答案都告诉我导入我已经导入的内容。 任何额外的东西需要检查将非常感谢。 错误： core.js:6185 ERROR TypeError: rxjs__WEBPACK_IMPORTED_MODULE_2__.Observable.interval is not a function
at AppComponent.ngOnInit
浏览 17提问于2020-03-24得票数 1
回答已采纳
我使用以下代码将组件添加到FormGroup中： for (let index = 0; index < this.options.length; index++) {
let element = 'radio_element_' + index;
this.formGroup.addControl(element, new FormControl(null, [Validators.required]));
} 循环中的每次迭代都会向一组单选按钮添加一个选项。但是，我得到以下错误： core.js:6185 ERROR Error: Expressio
浏览 38提问于2020-06-30得票数 1
1回答
我正在尝试一本书中的一个教程，从html中得到错误：“Cannot read property 'name‘of undefined”。 以下是来自iterator.directive.ts的代码： import { Directive, Input, TemplateRef, ViewContainerRef } from "@angular/core";
@Directive({
selector: '[paForOf]'
})
export class PaIteratorDirective {
浏览 29提问于2021-03-01得票数 -1
回答已采纳
我有个错误：
core.js:6185错误HttpErrorResponse{headers: HttpHeaders，status: 404，statusText："Not“，url："，ok: false，…}
代码：
public deletePost( _id: string) { return this.webService.delete(delete-post/${_id}); }
浏览 2提问于2020-08-19得票数 0
我需要你的帮助。我正在学习AngularJs。我正在尝试使用AngularJs中的嵌套FormArray动态添加新行。我写了代码，它运行得很好，但其中有一个错误。当我点击Add new Row按钮时，需要点击4-5次才能完成它的任务。当我在控制台上检查时，它显示以下错误：
core.js:6185 ERROR Error: Cannot find control with name: '1'
at _throwError (forms.js:3479)
at setUpFormContainer (forms.js:3451)
at FormGroupD
浏览 13提问于2020-05-05得票数 1
1回答
我正在做一个倒计时计时器的角度，但得到一个TypeError，同时试图从另一个组件调用变量。我不知道究竟是什么引起了这个问题。以下是我的视频：是我的代码：
Timer.component.ts
import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
@Component({
selector: 'app-timer',
template: `<span>
浏览 3提问于2020-04-07得票数 4
我有一个指令，我用它来动画改变组件的高度。但是，由于我们从角度8更新到9，它看起来几乎不再支持hostPropertyName @grow。这是指令：
import {
Directive,
OnChanges,
Input,
ElementRef,
HostBinding
} from "@angular/core";
@Directive({
selector: "[smoothHeight]",
host: { "[style.display]": '"block"' }
})
浏览 10提问于2020-04-07得票数 3
回答已采纳
这是我为单页web应用程序编写的简单HTML <div class="bg">
<h1 class="faq_heading">Frequently Asked Questions</h1>
<div class="search">
<mat-form-field class="search_input">
<input type="text" placeholder="Search&
浏览 17提问于2021-07-15得票数 1
我已经将我的angular项目从v7更新到v8.2.14，现在当我运行ng serve时，它会在控制台中显示以下错误：
TypeError: Cannot read property 'ngInjectableDef' of undefined
at getInjectableDef (core.js:361)
at resolveNgModuleDep (core.js:30377)
at NgModuleRef_.get (core.js:31578)
at injectInjectorOnly (core.js:734)
at ɵɵinject (co
浏览 0提问于2020-01-20得票数 3
我创建了带有材料设计的角度库(package.json )
{
"name": "angular-lib",
"version": "0.0.0",
"license": "UNLICENSED",
"dependencies": {
"@angular/core": "^5.2.0",
"@angular/common": "^5.2.0",
"@angular/mate
浏览 7提问于2018-01-15得票数 0
在将应用程序从角5.2.10迁移到6.0.9时，我会遇到以下错误。我使用了描述的迁移步骤
Error: StaticInjectorError(AppModule)[ApplicationRef -> Injector]:
StaticInjectorError(Platform: core)[ApplicationRef -> Injector]:
NullInjectorError: No provider for Injector!
at NullInjector.push../node_modules/@angular/core/fesm5/core
浏览 0提问于2018-07-13得票数 0
回答已采纳
core.js:4031 Uncaught Error: Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server
浏览 1提问于2021-05-22得票数 2
回答已采纳
在讨论之前，请注意，没有任何其他问题对我有帮助。仔细观察了关于这个问题的所有堆积如山。
这是在app.module.ts里
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { LalaComponent } from './lala/lala.component';
im
浏览 3提问于2018-06-01得票数 2
回答已采纳
我在启动angular时遇到了这个错误。在加载网页之前，应用程序构建得很好，在检查web浏览器时会显示此错误，并且网页中没有呈现任何内容。
TypeError: Cannot read property '_applyBodyHighContrastModeCssClasses' of undefined
at new MatCommonModule (core.js:101)
at Object.factory (core.js:11310)
at R3Injector.hydrate (core.js:11363)
at R3Injector.get (core.js:1
浏览 8提问于2021-03-16得票数 1
在更新到angular 6之后，我遇到了一个洞察服务的问题。
在完成更新后，我尝试运行ng serve，即使它已经编译，我也会收到以下消息。
错误：
Error: StaticInjectorError(InsightsModule)[AppInsightsService -> Router]:
StaticInjectorError(Platform: core)[AppInsightsService -> Router]:
NullInjectorError: No provider for Router!
at NullInjector.push../
浏览 0提问于2018-05-30得票数 0
我想在我的Angular项目中使用fontawesome。我想尝试使用，但如果我尝试使用图标，在浏览器控制台中会出现错误：
ERROR TypeError: Cannot read property 'html' of undefined
at FaIconComponent.ngOnChanges (webpack-internal:///../../../../@fortawesome/angular-fontawesome/@fortawesome/angular-fontawesome.es5.js:112)
at checkAndUpdateDirec
浏览 9提问于2018-02-09得票数 1
回答已采纳
我已经实现了一个简单的离子应用程序，该应用程序有一个页面，它调用了中可以找到的angular7-odooRpc服务，但是我在调用OdooRPCService的构造函数时遇到了这个错误。
错误:未知(承诺)：NullInjectorError: StaticInjectorError(AppModule)OdooRPCService -> HttpClient: StaticInjectorError(平台:核心)OdooRPCService -> HttpClient: NullInjectorError：！NullInjectorError: StaticInjectorErr
浏览 3提问于2019-09-14得票数 3
回答已采纳
我在使用chartJS和primeNG时遇到了这个错误： ERROR TypeError: chart_js__WEBPACK_IMPORTED_MODULE_2__ is not a constructor
at UIChart.initChart (primeng-chart.js:48)
at UIChart.ngAfterViewInit (primeng-chart.js:29)
at callHook (core.js:3038)
at callHooks (core.js:3008)
at executeInitAndCheckHooks
浏览 190提问于2021-04-09得票数 16
回答已采纳
您好，我使用Angular 6和ng-boostrap，我添加了一个模式调用FocusComponent，我需要将它添加到entryComponents中，所以我将ConfirmAutoFocusComponent添加到app.module.ts中，如下所示：
bootstrap: [AppComponent, ConfirmAutoFocusComponent]
它可以工作，但在F12控制台上弹出一个错误
ERROR Error: The selector "app-confirm-auto-focus" did not match any elements
at Defau
浏览 0提问于2018-10-20得票数 0
此代码按预期在角8中工作：
declare var GlgToolkit: any;
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-glg-dashboard',
templateUrl: './glg-dashboard.component.html',
styleUrls: ['./glg-dashboard.component.scss']
})
export class GlgDash
浏览 5提问于2019-12-20得票数 2
回答已采纳
2回答
如何在没有数据源(静态数据)的情况下使用物料设计数据表布局？我在上找不到这种用例的示例。例如，我尝试了以下方法，但没有成功。
<mat-table>
<mat-header-row>
<mat-header-cell>One</mat-header-cell>
<mat-header-cell>Two</mat-header-cell>
</mat-header-row>
<mat-row>
<mat-cell>aaa</mat-cell>
<ma
浏览 0提问于2018-07-05得票数 8
我有一节抽象的课：
import { Inject } from '@angular/core';
import { TestService } from '../test-service';
export abstract class DummyAbstract {
constructor (
private testService: TestService
) {
}
abstract thisisimp();
}
我有一个孩子，如下所示：
import { Injectable } from '
浏览 0提问于2018-11-07得票数 9
回答已采纳
2回答
我正在为AppComponent准备单元测试用例，它将路由器作为注入的依赖项，并在我的测试床中包含了RouterTestingModule。但还是有个奇怪的错误。请查找下面显示的错误日志：
Error: StaticInjectorError(DynamicTestModule)[RouterLinkWithHref -> Router]:
StaticInjectorError(Platform: core)[RouterLinkWithHref -> Router]:
NullInjectorError: No provider for Router!
错误属
浏览 0提问于2019-01-29得票数 13
core.js:15724错误错误:未捕获(在promise中)：错误: StaticInjectorError(AppModule)CircularGaugePointerDirective -> CircularGaugeComponent: StaticInjectorError(Platform: core)CircularGaugePointerDirective -> CircularGaugeComponent: NullInjectorError: No provider for CircularGaugeComponent！错误: StaticInjectorE
浏览 19提问于2019-06-08得票数 0
1回答
我看到很多人发布关于NullInjectorError: No provider for HttpClient!的问题，但我在我的Karma单元测试中得到了一个更具描述性的错误。我一直在与Javascript/Typescript、HTML和CSS/SCSS并行学习Angular，所以我的基础有点不稳定。我如何修复这个错误？对于那些说是因为OP忘记导入测试模块的人，我已经导入了测试模块。下面是我的测试文件的样子。当我注释掉html中的所有内容时，仍然会收到这个错误。此外，我还尝试将ApiService存根。 错误： NullInjectorError: R3InjectorError(Dyn
浏览 50提问于2020-09-24得票数 3
1回答
我想在一个应用程序中使用棱镜引导提前输入的angular5。但是，我不断地得到以下错误：
ERROR TypeError: Object(...) is not a function
at new NgbTypeahead (typeahead.js:52)
at createClass (core.js:12449)
at createDirectiveInstance (core.js:12284)
at createViewNodes (core.js:13742)
at callViewAction (core.js:14176)
at execComponentViewsAction
浏览 0提问于2018-04-13得票数 7
回答已采纳
从8更新到Angular 9导致循环依赖错误 我刚刚升级到Angular 9，并且已经修复了所有的编译错误。现在我得到了一个与循环依赖相关的错误，我无法跟踪它。 Error: Cannot instantiate cyclic dependency! ApplicationRef
at throwCyclicDependencyError (core.js:8072)
at R3Injector.hydrate (core.js:17049)
at R3Injector.get (core.js:16803)
at injectInjectorOnly (core.js:940)
at ɵɵ
浏览 46提问于2020-04-28得票数 3
回答已采纳
在仅创建(实例化)一个具有DomSanitizer依赖项的组件的单元测试中，一个模拟/存根如何对该依赖项进行处理？
因为DomSanitizer是一个Abstract类，所以我不知道bypassSecurityTrustHtml的方法签名到底是什么样子。
如果它不打算模拟/存根DomSanitizer，那么应该如何继续注入实际的实现(例如抽象类)？
组件中的实际语句如下所示：
this.trustedString = <string>this.domSanitizer.bypassSecurityTrustHtml(trustedHTML);
TestBed安装程序如下所示：
be
浏览 0提问于2018-08-16得票数 20
回答已采纳
我正在尝试在我的angular proyect翻译和客户端的内存web api中包含。
他们似乎有一些不兼容，因为我不能解决的HttpClient。
app.module.ts：
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, LOCALE_ID, NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { ro
浏览 1提问于2018-01-05得票数 1
回答已采纳
在将应用程序更新到angular 6之后，我在测试执行过程中遇到错误
TypeError: Cannot read property 'subscribe' of undefined
at new ApplicationRef node_modules/@angular/core/fesm5/core.js:4322:1)
at _createClass node_modules/@angular/core/fesm5/core.js:8126:1)
at _createProviderInstance$1 node_module
浏览 14提问于2018-06-18得票数 1
我是angular 6的新手，正在为教师开发管理面板。我开发了整个管理面板，没有任何问题。开发后，管理客户给了我一个单独的html文件登录的目的。这就是整个问题开始的地方。所以我决定通过路由来实现。我创建了管理面板的布局以及登录页面。但是现在我得到了** "app-root“选择器不匹配**错误。
下面是我的appComponent打字稿
import { Component, OnInit, Inject } from '@angular/core';
import {ToastrService} from './services/toastr.service
浏览 0提问于2018-11-23得票数 1
我对这个错误很熟悉，但是我只是在更新到角度材料6.4.7之后才开始看到这个错误。
我的所有模块都引用了我自己的MaterialModule，它导出MatDialogModule。我没有任何的MatDialogRef提供者设置-以前不需要。
和MatDialogTitle -> MatDialogRef有什么交易？那是什么意思？
在dev和prod构建中，一切看起来都很好。我不知道是什么导致了这一切。
有办法追踪到什么东西吗？？
谢谢
core.js:1673 ERROR Error: Uncaught (in promise): Error: StaticInjectorError(Ap
浏览 0提问于2018-10-19得票数 2
回答已采纳
我正在学习角，寻找修复错误的帮助:我遵循这个链接：创建一个带有angular2和angularfirestore2的角小应用程序
但当我击中ng发球时，我在浏览器控制台中得到了下面的错误。
StaticInjectorError[AngularFirestore]:
StaticInjectorError[AngularFirestore]:
NullInjectorError: No provider for AngularFirestore!
at _NullInjector.get (core.js:923)
at resolveToken (core.j
浏览 15提问于2017-11-19得票数 198
回答已采纳
我是Angular框架和TypeScript的新手。我正在尝试在之后发出GET请求。它对我有效，但当我尝试发出另一个GET请求时，如下所示，我得到了下一个错误：
AppComponent.html:7 ERROR TypeError: Cannot read property 'Classes' of undefined
at Object.eval [as updateRenderer] (AppComponent.html:7)
at Object.debugUpdateRenderer [as updateRenderer] (core.js:14735)
at chec
浏览 1提问于2018-07-18得票数 0
3回答
在我的角度项目中启用了常春藤之后，所有东西都会编译，但是当在浏览器中启动应用程序时，我会在应用程序引导过程中得到以下错误：
Error: Cannot instantiate cyclic dependency! ApplicationRef
at throwCyclicDependencyError (core.js:5208)
at R3Injector.push../node_modules/@angular/core/__ivy_ngcc__/fesm5/core.js.R3Injector.hydrate (core.js:11763)
at R3Inject
浏览 3提问于2019-10-11得票数 7
回答已采纳
8回答
离子5是几个小时前的 (2020年2月12日)，我把我的一款小型生产应用升级到Ionic 5，还有角9：
# To update to Ionic 5
npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save-exact --save
# To update to Angular 9
ng update @angular/core @angular/cli
但是当我做ionic serve的时候，我开始收到下面的错误：
Error: Angular JIT compilation failed: '@
浏览 8提问于2020-02-12得票数 41
回答已采纳
当我试图导航到一个WebApi控制器时，我会得到这个错误。这个错误是我在页面加载时得到的，因为代码位于构造函数中。
core.js:1598 ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[BASE_URL]:
StaticInjectorError(Platform: core)[BASE_URL]:
NullInjectorError: No provider for BASE_URL!
Error: StaticInjectorError(AppModule)[BASE_U
浏览 0提问于2018-06-19得票数 2
回答已采纳
我正在尝试在云Firestore数据库中插入表单数据。下面是我的x.component.ts文件，我在其中编写代码的构造函数中遇到错误
private firestore: AngularFireStore
import { Component, OnInit } from '@angular/core';
import { GroupService } from '../shared/group.service';
import { NgForm } from '@angular/forms';
// impo
浏览 2提问于2019-03-19得票数 8
回答已采纳
我的问题是，如何将InAppBrowser添加到规范文件中，以便在测试运行时定义它？我使用InAppBrowser作为一个角度离子应用程序，但是当我运行npm测试时，我得到了这个错误
error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'InAppBrowser', 'InAppBrowser' ] })
NullInjectorError: R3InjectorError(DynamicTestModule)[InAppBrowser -> InAppBrowser]:
浏览 10提问于2022-04-14得票数 -1
回答已采纳
我正尝试在我的一个angular项目中使用vimeo-upload直接从浏览器上传视频文件。我已经尝试过官方文档here中描述的方式 我还尝试将脚本包含在index.html文件中，并将其包含在angular.json脚本部分。 但是，我一直收到以下错误： ERROR TypeError: vimeo_upload__WEBPACK_IMPORTED_MODULE_2__.VimeoUpload is not a constructor
at VimeoUploadService.uploadToVimeo (vimeo-upload.service.ts:13)
at As
浏览 12提问于2020-07-08得票数 0
我的MapComponent在html中使用ControlButtonsComponent，并将openlayers中的Map与@Input绑定到ControlButtons中。这给了我一个错误： core.js:5980 ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'undefined'. Current value: '[object Object]'
浏览 44提问于2021-01-19得票数 1
回答已采纳
我正在使用angularfire2模块。我已经创建了FireQueryModule，它正在调用angularfire2模块。FireQueryModule，我在AppModule里注射了。
流程：AppModule -> FireQueryModule -> angularfire2
如果我的AngularFirestore服务在我的FireQueryService中，我会得到一个错误
AppComponent_Host.ngfactory.js? [sm]:1 ERROR Error: StaticInjectorError(AppModule)[AngularFirestore
浏览 1提问于2018-06-01得票数 1
没有代码更改完成，升级到角10，所有的工作，除了一个功能。没有生成错误，但是在浏览器控制台中可以看到下面的错误。我想这可能与angular.core，rxjs有关，但unclear..appreciate是您的帮助。
core.js:4197 ERROR TypeError: templateRef.createEmbeddedView is not a function
at ViewContainerRef.createEmbeddedView (core.js:10092)
at NgTemplateOutlet.ngOnChanges (ng_template_out
浏览 0提问于2020-11-18得票数 0
回答已采纳
我正试图通过mypage.page从Firebase Realtimedatabase获取数据
我可以在mypage.page.In和mypage.page中获得简单的数据(例如字符串)，但是我不能将对象加载到Cannot read properties of undefined (reading 'id').控制台--我得到了大量的错误消息Cannot read properties of undefined (reading 'id').
控制台日志：
core.js:6479 ERROR TypeError: Cannot read properties
浏览 0提问于2021-09-19得票数 0
回答已采纳
由抛出错误驱动的模板。 ProviderComponent.html:4 ERROR TypeError: Cannot read property 'ProviderName' of undefined
at Object.eval [as updateDirectives] (ProviderComponent.html:4)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:45259)
at checkAndUpdateView (core.js:44271)
浏览 19提问于2021-01-22得票数 0
CreateCollegeComponent.html:4错误: formGroup需要一个FormGroup实例。请给我一张。
示例：
<div [formGroup]="myGroup">
<input formControlName="firstName">
</div>
在你们班：
this.myGroup = new FormGroup({
firstName: new FormControl()
});
Function.push../node_modules/@angular/forms/fe
浏览 0提问于2018-10-17得票数 0
我试图通过提供应该注入ngrx存储的工厂函数来覆盖默认的角ErrorHandler：
import { ErrorHandler } from "@angular/core";
[...]
{
provide: ErrorHandler,
useFactory: (store: Store<AppState>) => {
return Sentry.createErrorHandler({
showDialog: true,
dialogOptions: {},
浏览 2提问于2021-12-02得票数 0
回答已采纳
与我上一个Karma升级问题非常相似，在从v7升级到v8之后，我对组件的所有单元测试都失败了。再次归功于来自共享库的自定义组件。
所以在这里我得到了以下信息..
NullInjectorError: StaticInjectorError(DynamicTestModule)[ProgressIndicatorComponent -> ElementRef]:
StaticInjectorError(Platform: core)[ProgressIndicatorComponent -> ElementRef]:
Nul
浏览 19提问于2021-06-11得票数 0
在第一次渲染组件时，一切工作正常，但当我按下浏览器的后退按钮并再次单击指向此组件的链接时，它会断开。
profile-page.module.ts
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';
import { ProfilePageComponent } from './profile-page.component
浏览 7提问于2017-11-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
