त्रुटि: मॉड्यूल द्वारा आयातित अप्रत्याशित मान 'अपरिभाषित'

95

मुझे यह त्रुटि NgModule के लिए माइग्रेट करने के बाद मिल रही है, त्रुटि बहुत अधिक मदद नहीं करती है, कोई सलाह कृपया?

Error: Error: Unexpected value 'undefined' imported by the module 'AppModule'
        at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27)
        at eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35)
        at Array.forEach (native)
        at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48)
        at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51)
        at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41)
        at RuntimeCompiler.compileModuleAsync (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15746:25)
        at PlatformRef_._bootstrapModuleWithZone (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9991:29)
        at PlatformRef_.bootstrapModule (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9984:25)
        at Object.eval (http://localhost:5555/app/main.js:8:53)
    Evaluating http://localhost:5555/app/main.js
    Error loading http://localhost:5555/app/main.js "Report this error at https://github.com/mgechev/angular2-seed/issues"(anonymous function) @ contracts:142ZoneDelegate.invoke @ zone.js?1472711930202:332Zone.run @ zone.js?1472711930202:225(anonymous function) @ zone.js?1472711930202:586ZoneDelegate.invokeTask @ zone.js?1472711930202:365Zone.runTask @ zone.js?1472711930202:265drainMicroTaskQueue @ zone.js?1472711930202:491ZoneTask.invoke @ zone.js?1472711930202:435

app.module.ts:

    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { APP_BASE_HREF } from '@angular/common';
    import { RouterModule } from '@angular/router';
    import { HttpModule } from '@angular/http';
    import { AppComponent } from './app.component';
    import { routes } from './app.routes';

    import { provide } from '@angular/core';

    //dgf ng2-translate
    import { TRANSLATE_PROVIDERS, TranslateLoader, TranslateStaticLoader, MissingTranslationHandler } from 'ng2-translate/ng2-translate';
    import { HTTP_PROVIDERS, Http } from '@angular/http';
    import { FormsModule,ReactiveFormsModule } from '@angular/forms';
    import { TranslationNotFoundHandler } from './shared/common/TranslationNotFoundHandler';
    //dgf ng2-translate END

    import {CalendarModule,DataTableModule,DialogModule,PanelModule} from 'primeng/primeng';

    import {TranslateModule} from 'ng2-translate/ng2-translate';

    import { AuthGuard,AppConfigService,AppConfig,DateHelper,ThemeComponent,ToolbarComponent, RemoveHostTagDirective } from './index';
    import { HomeComponent,MessagesExampleComponent,PrimeNgHomeComponent,CalendarComponent,Ng2BootstrapExamplesComponent,DatepickerDemoComponent,UserListComponent,UserEditComponent,ContractListComponent,AboutComponent } from './index';


@NgModule({
  imports: [BrowserModule, HttpModule, RouterModule.forRoot(routes), /* AboutModule, HomeModule, SharedModule.forRoot()*/
          FormsModule,
          ReactiveFormsModule,
          //third-party
          ,TranslateModule.forRoot() //,
          //third-party PRIMENG
          ,CalendarModule,DataTableModule,DialogModule,PanelModule
  ],
  declarations: [
    AppComponent,ThemeComponent, ToolbarComponent, RemoveHostTagDirective,
    HomeComponent,MessagesExampleComponent,PrimeNgHomeComponent,CalendarComponent,Ng2BootstrapExamplesComponent,DatepickerDemoComponent,UserListComponent,UserEditComponent,ContractListComponent,AboutComponent
  ],
  providers: [{
      provide: APP_BASE_HREF,
      useValue: '<%= APP_BASE %>'
    },
    FormsModule,
    ReactiveFormsModule,
    provide(TranslateLoader, { //DGF ng2-translate
          useFactory: (http: Http) => new TranslateStaticLoader(http, 'assets/i18n', '.json'),
          deps: [Http]
      }),
    provide(MissingTranslationHandler, { useClass: TranslationNotFoundHandler }), //DGF ng2-translate

    AuthGuard,AppConfigService,AppConfig,
    DateHelper
  ],
  bootstrap: [AppComponent]
})

export class AppModule { }
angular 
— surfealokesea
स्रोत
3
मेरे पास यह समस्या थी जब मेरे पास दो मॉड्यूल थे जो एक दूसरे को आयात कर रहे थे
— मैथ्यू हेगार्टी
मुझे एक ही समस्या थी, संपादक को फिर से शुरू करने से मदद मिली। यह नई जोड़ी गई फ़ाइलों को नहीं पहचान रहा था।
— ज्योतिर्मय प्रात:
6
और कौन सोचता है कि इस तरह की त्रुटि मुझे अधिक व्याख्यात्मक होनी चाहिए?
— प्रमेश बजराचार्य
मुझे यह त्रुटि मिली क्योंकि मैं आयात सरणी में एक खाली प्रविष्टि था:, ,
— wutzebaer

जवाबों:

208

इसी त्रुटि का सामना करने वाले किसी व्यक्ति के लिए, मेरी स्थिति यह थी कि आयात अनुभाग में मेरे पास दोहरे कॉमा हैं 

imports: [
      BrowserModule,
      HttpModule,
      FormsModule,
      RouterModule.forRoot(appRoutes), , // <-- this was the error
      // .... 
],
— जलाल एल-शायर
स्रोत
1
मुझे शुरुआत में अल्पविराम था उदा। [, BrowserModule
— ozOli
1
मेरे लिए यह एक बिंदु (!) था
— रघुराम
1
मेरे लिए भी इस मुद्दे को हल किया!
— माइकल
81

सुनिश्चित करें कि मॉड्यूल एक दूसरे को आयात नहीं करते हैं। तो, वहाँ नहीं होना चाहिए

मॉड्यूल ए में: imports[ModuleB]

मॉड्यूल बी में: imports[ModuleA]

— टयोंग ले
स्रोत
59

ऐसा कई परिदृश्यों के कारण हो सकता है

  1. अल्प विराम
imports: [
    BrowserModule
   ,routing <= Missing Comma
   ,FeatureComponentsModule
  ],
  1. डबल कॉमस
imports: [
    BrowserModule, 
   ,routing <=Double Comma
   ,FeatureComponentsModule
  ],
  1. मॉड्यूल से कुछ भी नहीं निर्यात करना
  2. सिंटैक्स त्रुटियां
  3. टाइपो त्रुटियां
  4. वस्तुओं के अंदर अर्धवृत्त, ऐरे
  5. गलत आयात विवरण
— इग्नाटियस एंड्रयू
स्रोत
3
अच्छा सारांश। बहुत अच्छा होगा यदि कोणीय जानकारी किसी जगह पर फेंक दी जाए, जहां और किस तरह से मॉड्यूल लोडिंग विफल हो जाती है। जैसा कि आज यह खड़ा है यह डिबग करने के लिए सबसे थकाऊ चीजों में से एक है। यकीन नहीं होता कि अगर मैं "लापता कॉमा" को समझ गया, तो उसे ठीक संकलन करना चाहिए?
— यूनिटेरियो
मुझे याद आ रही है अल्पविराम भाग- checkout app.module.ts फाइलें - आयात :, प्रदाताओं :, घोषणाएं ... आदि सरणियों का सेट - स्ट्रिंग मानों की सूची में, सुनिश्चित करें कि अल्पविराम EXTRA या अनुपलब्ध हैं ... मैंने इसे हल किया अतिरिक्त अल्पविराम हटाकर! @ इग्नाटियस एंड्रयू ... आप भगवान हैं! कोणीय 2/4 काफी विचित्र है!
— हाइडेची
30

उपरोक्त समाधानों में से किसी ने भी मेरे लिए काम नहीं किया, लेकिन बस फिर से "एनजी सर्व" को रोकना और चलाना।

— सेमिर डेलजीक
स्रोत
5
हाहा यस, मेरे लिए भी। जब आप रूटिंग के साथ गड़बड़ करते हैं, तो कभी-कभी कोणीय को पुनरारंभ की आवश्यकता होती है। अपने मॉड्यूल के बीच महत्वपूर्ण कोर आयात या निर्यात बढ़ने के साथ ही।
— फ्लोरियन लेटेजब
विशिष्ट समस्या, कई स्थितियों में। कोणीय टीम को उस पर काम करना चाहिए।
— दिमित्रिस वौद्रियास
मेरे लिए भी वैसा ही। कोणीय को इस मुद्दे पर काम करना चाहिए। मेरा समय बर्बाद: /
— एक दिन
मेरे लिए, यह थाcircular dependency
— विशाल सुथार
23

मेरे पास यह त्रुटि थी क्योंकि मेरे पास index.tsमेरे ऐप की जड़ में एक फ़ाइल थी जो मेरा निर्यात कर रही थी app.component.ts। इसलिए मैंने सोचा कि मैं निम्नलिखित कर सकता हूं:

import { AppComponent } from './';

यह काम किया और मुझे कोई लाल स्क्वीजीली लाइनें नहीं दी और यहां तक ​​कि जब आप इसे टाइप करना शुरू करते हैं, तब भी intellisense AppComponent लाता है। लेकिन यह पता लगाने के लिए आया कि यह इस त्रुटि का कारण था। मैं इसे बदलने के बाद:

import { AppComponent } from './app.component';

त्रुटि दूर हो गई।

— Helzgate
स्रोत
1
मुझे लगता है कि जब आप स्पष्ट रूप से लिखते हैं तो यह भी काम करता है '।/index'। हमें एओटी और एनजी-पैकाग्रा के संयोजन में यह समस्या थी।
— bersling
8

सुनिश्चित करें कि आपको इस तरह एक मॉड्यूल / घटक आयात नहीं करना चाहिए:

import { YOUR_COMPONENT } from './';

लेकिन यह होना चाहिए

import { YOUR_COMPONENT } from './YOUR_COMPONENT.ts';
— टयोंग ले
स्रोत
8

दो मॉड्यूल की परिपत्र निर्भरता का यह मुद्दा

मॉड्यूल 1: आयात मॉड्यूल 2
मॉड्यूल 2: आयात मॉड्यूल 1

— सागर जाधव
स्रोत
5

मैं एक घटक पुस्तकालय का निर्माण कर रहा हूं और मेरे अनुप्रयोग में यह त्रुटि मिलने लगी है कि उक्त पुस्तकालय आयात कर रहा है। जब चल रहा है ng build --prodया ng serve --aotऐप में मुझे मिलेगा:

Unexpected value 'undefined' imported by the module 'ɵm in node_modules/<library-name>/<library-name>.d.ts'

लेकिन उपयोग करते समय ng serveया लाइब्रेरी में मॉड्यूल का परीक्षण करते समय भी कोई त्रुटि नहीं --prod।

मुझे पता है कि मैं भी intellisense द्वारा गुमराह किया गया था। मेरे कुछ मॉड्यूलों के लिए मैंने एक बहन मॉड्यूल को आयात किया था

import { DesignModule } from '../../design';

के बजाय

import { DesignModule } from '../../design/design.module';

यह मेरे द्वारा बताए गए को छोड़कर सभी बिल्ड में ठीक काम करता है।

यह नीचे पिन करने के लिए भयानक था और मैं भाग्यशाली था कि मुझे इससे अधिक समय नहीं लगा। आशा है कि यह किसी की मदद करेंगे।

— Nayfin
स्रोत
क्या यह एक्सडी था क्या आप संयोग से जानते हैं कि गलत संस्करण को न लेने के लिए इंटेलीजेंस को कैसे कॉन्फ़िगर किया जाए?
— user2035039
क्षमा करें, मैं नहीं।
— नैफिन
4

एक ही अपवाद था जब एक कोणीय 5 अनुप्रयोग को संकलित करने की कोशिश की गई थी।

Unexpected value 'undefined' imported by the module 'DemoAppModule'

मेरे मामले में यह पता चला कि यह एक परिपत्र निर्भरता थी, जिसे मैंने एक टूल मैज का उपयोग करके पाया था । फ़ाइलों को चलाने के द्वारा परिपत्र निर्भरता मिली

npx madge --circular --extensions ts src/
— रसियन एब्रिकिस
स्रोत
3

आप लाइन हटाने के लिए import { provide } from '@angular/core';से app.module.tsके रूप में provideअब मान्य नहीं है। आपको provideप्रदाताओं में नीचे का उपयोग करना होगा :

providers: [
    {
      provide: APP_BASE_HREF,
      useValue: '<%= APP_BASE %>'
    },
    FormsModule,
    ReactiveFormsModule,
    // disableDeprecatedForms(),
    // provideForms(),
    // HTTP_PROVIDERS, //DGF needed for ng2-translate
    // TRANSLATE_PROVIDERS, //DGF ng2-translate (not required, but recommended to have 1 unique instance of your service)
    {
        provide : TranslateLoader,
        useFactory: (http: Http) => new TranslateStaticLoader(http, 'assets/i18n', '.json'),
        deps: [Http]
    },
    {
        provide : MissingTranslationHandler,
        useClass: TranslationNotFoundHandler
    },

    AuthGuard,AppConfigService,AppConfig,
    DateHelper
  ]
— ranakrunal9
स्रोत
यह समझ में आया है, मैंने इसे किया है, लेकिन त्रुटि अभी भी वही है
— सर्फियाक्लेसिया
3

बस प्रदाता को forRoot के अंदर काम करता है: https://github.com/ocombe/ng2-translate

@NgModule({
  imports: [BrowserModule, HttpModule, RouterModule.forRoot(routes), /* AboutModule, HomeModule, SharedModule.forRoot()*/
          FormsModule,
          ReactiveFormsModule,
          //third-party
          TranslateModule.forRoot({
            provide: TranslateLoader,
            useFactory: (http: Http) => new TranslateStaticLoader(http, '/assets/i18n', '.json'),
            deps: [Http]
          })
          //third-party PRIMENG
          ,CalendarModule,DataTableModule,DialogModule,PanelModule
  ],
  declarations: [
    AppComponent,ThemeComponent, ToolbarComponent, RemoveHostTagDirective,
    HomeComponent,MessagesExampleComponent,PrimeNgHomeComponent,CalendarComponent,Ng2BootstrapExamplesComponent,DatepickerDemoComponent,UserListComponent,UserEditComponent,ContractListComponent,AboutComponent
  ],
  providers: [
    {
      provide: APP_BASE_HREF,
      useValue: '<%= APP_BASE %>'
    },
    // FormsModule,
    ReactiveFormsModule,
    { provide : MissingTranslationHandler, useClass: TranslationNotFoundHandler},
    AuthGuard,AppConfigService,AppConfig,
    DateHelper
  ],
  bootstrap: [AppComponent]
})

export class AppModule { }
— surfealokesea
स्रोत
3

इसके लिए एक और सरल उपाय है। मेरे पास 2 मॉड्यूल हैं जो एक दूसरे का उपयोग करके संरचना में किसी भी तरह से गहरे हैं। मैं वेबपैक और कोणीय 2 के साथ परिपत्र निर्भरता के साथ एक ही समस्या में भाग गया। मैंने बस एक मॉड्यूल को घोषित करने के तरीके को बदल दिया है:

....

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        require('../navigation/navigation.module')
    ],
    declarations: COMPONENTS,
    exports: COMPONENTS
})
class DppIncludeModule {
    static forRoot(): ModuleWithProviders {
        return {
            ngModule: DppIncludeModule
        };
    }
}

export = DppIncludeModule;

जब मैं अब ngModule विशेषता पर आयात विवरण का उपयोग कर रहा हूं, तो मैं बस इसका उपयोग करता हूं:

@NgModule({
    imports: [
        CommonModule,
        ServicesModule.forRoot(),
        NouisliderModule,
        FormsModule,
        ChartModule,
        DppAccordeonModule,
        PipesModule,
        require('../../../unbranded/include/include.module')
    ],
....

इससे सभी समस्याएं दूर होती हैं।

— माइकल बार्ज़
स्रोत
क्या आप थोड़ा और विस्तार में जा सकते हैं कि यह कैसे काम करता है? उदाहरण के लिए, आप अपने घटक में DppIncludeModule का उपयोग कैसे करते हैं?
— केट एस
केट, देर से जवाब के लिए क्षमा करें। मैं घटक में मॉड्यूल का उपयोग नहीं करता, मैं मॉड्यूल में घटकों को इनकैप्सुलेट करता हूं। मॉड्यूल एक साथ उपयोग किए जाते हैं। हो सकता है कि आपको अपरिभाषित त्रुटि के साथ एक और समस्या हो।
— माइकल बार्ज़
3

मेरी समस्या दो बार index.ts में निर्यात हो रही थी

उनमें से एक को हटाने से समस्या हल हो गई।

— CornelC
स्रोत
पवित्र लालसा यह मेरे लिए काम किया! यदि आप index.ts से अपने मॉड्यूल निर्यात करते हैं और आपका मॉड्यूल समान index.ts से मॉड्यूल घटकों का आयात करता है, तो यह परिपत्र लोडिंग का कारण बनता है। आपको अपने मॉड्यूल में सीधे घटक फ़ाइल से आयात करना चाहिए, न कि सूचकांक से। TNX
— टॉमस काट्ज
परेशानी का शॉट। इस उत्तर को देखे बिना इस समस्या को हल करने में मुझे कितना समय लगेगा, इसकी कल्पना नहीं कर सकते हैं
— tom10271
3

मेरे पास यह मुद्दा था, यह सच है कि कंसोल पर त्रुटि वर्णनात्मक नहीं है। लेकिन अगर आप कोणीय-क्ली आउटपुट को देखते हैं:

आप परिपत्र निर्भरता की ओर इशारा करते हुए एक चेतावनी देखेंगे

WARNING in Circular dependency detected:
module1 -> module2
module2 -> module1

तो समाधान यह है कि मॉड्यूल में से एक से एक आयात को हटा दें।

— T04435
स्रोत
क्या होगा अगर मुझे उस परिपत्र निर्भरता की आवश्यकता है?
— इवान सेवी
@RuneStar मुझे लगता है कि आपको निर्भरता को एक उच्च स्तर के मॉड्यूल पर ले जाने की आवश्यकता होगी और फिर दोनों (एक्स) मॉड्यूल पर नए मॉड्यूल को आयात करना होगा।
— T04435
2

मुद्दा यह है कि स्रोत फ़ाइल गायब है जिसके लिए कम से कम एक आयात है।

उदाहरण के लिए मुझे वही त्रुटि मिली जब मैं उपयोग कर रहा था

       import { AppRoutingModule } from './app-routing.module';

लेकिन फ़ाइल './app-rout.module' दिए गए पथ में नहीं थी।

मैंने यह आयात हटा दिया और त्रुटि चली गई।

— टॉक सस्ता शो कोड है
स्रोत
2

मेरे पास एक ही त्रुटि थी, उपरोक्त सुझावों में से कोई भी मदद नहीं करता था।

मेरे मामले में, यह वेबस्टॉर्म के कारण हुआ, दो आयातों को एक में मिला दिया।

import { ComponentOne, ComponentTwo } from '../component-dir';

मैंने इसे दो अलग-अलग आयातों में निकाला 

import { ComponentOne } from '../component-dir/component-one.service';
import { ComponentTwo } from '../component-dir/component-two.model';

इसके बाद यह बिना किसी त्रुटि के काम करता है।

— जकुब रायबिस्की
स्रोत
धन्यवाद दोस्त। इसने मदद की
— DinoMyte
पिछले उत्तर का डुप्लिकेट: stackoverflow.com/a/49667611/1243048
— Maelig
@Maelig मुझे लगता है कि जुड़े हुए जवाब में यह थोड़ा अलग समस्या थी। मुझे नहीं पता कि यह एक टाइपो है, लेकिन उचित डायर के साथ एक समस्या भी है, एक बार एक ./modelsऔर समय है./model
— जेकब रब्बीस्की
1

यदि आपका सूचकांक एक मॉड्यूल निर्यात करता है - तो उस मॉड्यूल को अपने घटकों को उसी सूचकांक से आयात नहीं करना चाहिए, यह उन्हें घटक फ़ाइल से सीधे आयात करना चाहिए।

मेरे पास यह समस्या थी, और जब मैं मॉड्यूल फ़ाइल में घटकों को आयात करने से बदल गया, तो सूचकांक का उपयोग करके उन्हें प्रत्यक्ष फ़ाइल का उपयोग करके आयात करने के लिए, यह हल हुआ।

जैसे परिवर्तित:

import { NgModule } from '@angular/core';
import { MainNavComponent } from './index';
@NgModule({
  imports: [],
  exports: [MainNavComponent],
  declarations: [ MainNavComponent ],
  bootstrap:    [ MainNavComponent ]
})
export class MainNavModule {}

सेवा:

import { NgModule } from '@angular/core';
import { MainNavComponent } from './MainNavComponent';
@NgModule({
  imports: [],
  exports: [MainNavComponent],
  declarations: [ MainNavComponent ],
  bootstrap:    [ MainNavComponent ]
})
export class MainNavModule {}

अब आप से अनावश्यक निर्यात भी हटा दें, जैसे:

export { MainNavModule } from './MainNavModule';
export { MainNavComponent } from './MainNavComponent';

सेवा:

export { MainNavModule } from './MainNavModule';
— टॉमस काट्ज
स्रोत
धन्यवाद कि मेरा मुद्दा था, फ़ोल्डर से आईडीई आयात पूर्व: '/' घटकों मेरे पुस्तकालय एक समस्या के बिना बनाया जा रहा था, लेकिन एक और पुस्तकालय में इस्तेमाल नहीं किया जा सकता
— मोना
1

एक और कारण इस तरह से कुछ कोड हो सकता है:

import { NgModule } from '@angular/core';
import { SharedModule } from 'app/shared/shared.module';
import { CoreModule } from 'app/core/core.module';
import { RouterModule } from '@angular/router';
import { COMPANY_ROUTES } from 'app/company/company.routing';
import { CompanyService } from 'app/company/services/company.service';
import { CompanyListComponent } from 'app/company/components/company-list/company-list.component';

@NgModule({
    imports: [
        CoreModule,
        SharedModule,
		RouterModule.forChild(COMPANY_ROUTES)
    ],
    declarations: [
		CompanyListComponent
    ],
    providers: [
		CompanyService
    ],
    exports: [
    ]
})
export class CompanyModule { }
स्निपेट का विस्तार करें

क्योंकि निर्यात खाली सरणी है और इसके पहले, इसे हटा दिया जाना चाहिए।

— SaamTehraani
स्रोत
1

मेरे पास एक ही मुद्दा था, मैंने घटक को फ़ोल्डर के index.ts = में जोड़ा और निर्यात किया। फिर भी अपरिभाषित त्रुटि पॉपिंग थी। लेकिन IDE हमारी किसी भी लाल स्क्वीजीली लाइनों को पॉप करता है

फिर जैसा कि सुझाव से बदल गया 

import { SearchComponent } from './';

सेवा

import { SearchComponent } from './search/search.component';
— फैज़ल खान
स्रोत
1

जब तक आप सुनिश्चित हैं कि आप कुछ भी गलत नहीं कर रहे हैं, कृपया "एनजी सर्व" को समाप्त करें और इसे पुनरारंभ करें। ऐसा करने से, कंपाइलर अपना सारा काम करता है और ऐप उम्मीद के मुताबिक काम करता है। मॉड्यूल के साथ पिछले अनुभवों ने मुझे सिखाया है कि "एनजी सर्व" न होने पर या टर्मिनल को फिर से शुरू करने के बाद उन्हें बनाने के लिए मुझे सिखाया जाए।

जब आप किसी अन्य घटक के लिए एक नया घटक उत्सर्जित कर रहे हैं तो "एनजी सर्व" पर भी काम करता है, यह संभव है कि कंपाइलर ने आपके नए घटक को मान्यता नहीं दी हो, बस "एनजी सर्व" को पुनः आरंभ करें

यह मेरे लिए कुछ ही मिनट पहले काम किया।

— Benneee_
स्रोत
0

मैं इसे सभी अनुक्रमणिका निर्यात फ़ाइल हटाकर ठीक करता हूं, जिसमें पाइप, सेवा शामिल है। फिर सभी फ़ाइल आयात पथ विशिष्ट पथ है। जैसे।

import { AuthService } from './_common/services/auth.service';

बदलने के

import { AuthService } from './_common/services';

इसके अलावा, डिफ़ॉल्ट वर्ग निर्यात न करें।

— wfsovereign
स्रोत
लेकिन यह कैसे मदद करनी चाहिए? फ़ाइल नाम को हटाने से आपके द्वारा असाइन किए गए फ़ोल्डर का index.ts ले जाता है।
— माइकल बार्ज़
@MichaelBARz उस समय, अनुक्रमणिका फ़ाइल को फिर से खोलने से मुझे समस्या को हल करने में मदद मिलती है। लेकिन अब, मैं एनजी संस्करण को 2.4.9 पर अपग्रेड करता हूं, यह समस्या मौजूद नहीं है, इसका मतलब है, मैं index.ts फ़ाइल निर्यात संदर्भ का उपयोग कर सकता हूं। तो मुझे लगता है कि यह एनजी बिल्ड के साथ शायद मुद्दा है
— wfsovereign
कम से कम यह एक किनारे का मामला है और एक खराब पैकेज संरचना का परिणाम है। पैकेज में गोल यात्राएं नहीं होनी चाहिए। पैकेज संरचना को स्पष्ट करना वैसे भी इसे ठीक कर देगा।
— बजे माइकल बारज़ जूल
@MichaelBaarz हाँ, मैं आपसे सहमत हूँ।
— wfsovereign
0

मेरी समस्या के अंदर एक गलत वर्तनी घटक नाम था component.ts।

आयात स्टेटमेंट में कोई त्रुटि नहीं थी, लेकिन घोषणा ने किया, जिसने मुझे गुमराह किया।

— तरन
स्रोत
0

अप्रयुक्त " निजी http: Http " का तर्क app.component.ts के निर्माता में मुझे एक ही त्रुटि के कारण हुआ और इसने निर्माणकर्ता के अप्रयुक्त तर्क को हटाने पर हल किया

— पावन वी। आचार
स्रोत
0

संभवत: त्रुटि AppModule.ts फ़ाइल से संबंधित होगी।

इस समस्या को हल करने के लिए जांचें कि क्या प्रत्येक घटक घोषित किया गया है और प्रत्येक सेवा जिसे हम घोषित करते हैं, प्रदाताओं में डाल दिया जाता है आदि।

और यहां तक ​​कि अगर AppModule फ़ाइल में सब कुछ सही लगता है और आपको अभी भी त्रुटि मिलती है, तो अपने चल रहे कोणीय उदाहरण को रोक दें और इसे एक बार फिर से शुरू करें। यदि मॉड्यूल फ़ाइल में सब कुछ सही है और यदि आपको अभी भी त्रुटि मिल रही है तो आपकी समस्या का समाधान हो सकता है।

— Jithin
स्रोत
0

मेरे लिए समस्या को आयात अनुक्रम को बदलकर हल किया गया था:

मेरे साथ एक त्रुटि हुई:

imports: [ 
 BrowserModule, HttpClientModule, AppRoutingModule, 
 CommonModule
],

इसे बदल दिया गया: 

   imports: [
    BrowserModule, CommonModule, HttpClientModule,
    AppRoutingModule
  ],
— प्रीतेश अग्रवाल
स्रोत
1
BrowserModule के बाद से समस्या से असंबंधित, CommonModule निर्यात करता है, क्योंकि दोनों ही निरर्थक हैं।
— सेमीर डेलजीओक
0

ऊपर दिए गए समाधानों ने मेरे लिए काम नहीं किया।

इसलिए मैंने 1.4.4 के लिए 1.6.4 के कोणीय-क्ली के संस्करण को वापस कर दिया और इससे मेरी समस्या हल हो गई।

मुझे नहीं पता कि यह सबसे अच्छा समाधान है, लेकिन अभी के लिए, यह मेरे लिए काम करता है

— जेटर्सन मिरांडा गोम्स
स्रोत
0

मैं उसी समस्या का सामना कर रहा था। मुद्दा यह था कि मैं index.ts से कुछ वर्ग आयात कर रहा था

    import {className} from '..shared/index'

index.ts में निर्यात विवरण होता है 

    export * from './models';

मैंने इसे .ts फ़ाइल में बदल दिया है जिसमें वास्तविक वर्ग वस्तु है

    import {className} from '..shared/model'

और यह हल हो गया।

— दीप्ति-l
स्रोत
0

मेरे लिए, यह त्रुटि सिर्फ अप्रयुक्त आयात के कारण हुई थी:

import { NgModule, Input } from '@angular/core';

परिणामी त्रुटि:

इनपुट घोषित किया गया है, लेकिन यह मूल्य कभी पढ़ा नहीं गया है

यह टिप्पणी करें, और त्रुटि उत्पन्न नहीं होती है:

import { NgModule/*, Input*/ } from '@angular/core';
— एल्विस लेव
स्रोत
0

मैंने इस समस्या को इस स्थिति में पूरा किया: - app-module --- app-routing // app router ----- imports: [RouterModule.forRoot(routes)] --- demo-module // sub-module ----- demo-routing ------- imports: [RouterModule.forRoot(routes)] // --> should be RouterModule.forChild!

क्योंकि वहाँ केवल एक है root।

— WanderHuang
स्रोत
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.