خطاهای عیر منتظره توسعه محصول [بایگانی]

rezamahdizadeh

شنبه 19 آبان 1397, 05:53 صبح

یکی از مشکلات توسعه محصولات مبتنی بر وب در حوزه های مربوط به استفاده از بسته هایی مثل انگولار، علت و رفع مشکل خطاها است. مثلا خطای پیوست شده با جستجو در اینترنت هم بیش از 5 ساعت وقت گرفته ولی هنوز نه علت آن قابل کشف است نه رفع آن. راه حل آن چیست؟ علت خاص این خطا و رفع آن چیست؟
Uncaught Error: Unexpected value 'DecoratorFactory' imported by the module 'AppModule'. Please add a @NgModule annotation. at syntaxError (compiler.js:1021)
at compiler.js:10583
at Array.forEach (<anonymous>)
at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleMet adata (compiler.js:10558)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._loadModules (compiler.js:23876)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponent s (compiler.js:23857)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler.compileModuleAsync (compiler.js:23817)
at CompilerImpl.push../node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js.CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:143)
at PlatformRef.push../node_modules/@angular/core/fesm5/core.js.PlatformRef.bootstrapModule (core.js:4344)

at Module../src/main.ts (main.ts:11)
149234

این هم کد مربوط به app.module.ts

import { BrowserModule } from '@angular/platform-browser';import { NgModule, Component } from '@angular/core';
import { HttpHeaders, HttpClientModule } from '@angular/common/http';
// import { BrowserDynamic } from '@angular/platform-browser-dynamic';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { ContactListComponent } from './Components/Contacts/contact-list/contact-list.component';

import { ContactsService } from './Services/contacts.service';

import { Observable } from 'rxjs';

const httpOptions = {
headers: new HttpHeaders({
'Access-Control-Allow-Origin': '*',
'Authorization': 'authkey'
})
};

@NgModule({
declarations: [
AppComponent,
ContactListComponent
],
imports: [
BrowserModule,
Component,
HttpHeaders,
HttpClientModule,
FormsModule,
CommonModule,
Observable,
RouterModule.forRoot([
{ path: 'contact-list', component: ContactListComponent }
])
],
providers: [ ContactsService ],
bootstrap: [AppComponent]
})
export class AppModule { }