ত্রুটি: মডিউল দ্বারা অপ্রত্যাশিত মান 'অপরিশোধিত' আমদানি


99

এনজিডমুলেলে স্থানান্তরিত হওয়ার পরে আমি এই ত্রুটিটি পাচ্ছি, ত্রুটিটি খুব বেশি সহায়তা করে না, দয়া করে কোনও পরামর্শ করুন?

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 { }

4
আমার এই সমস্যাটি ছিল যখন আমার দুটি মডিউল উভয় একে অপরকে আমদানি করছিল
ম্যাথু হেগার্টি

আমার একই সমস্যা ছিল, সম্পাদক পুনরায় চালু করা সাহায্য করেছিল। এটি নতুন যুক্ত হওয়া ফাইলগুলি স্বীকৃতি দিচ্ছিল না।
জ্যোতির্মায়া প্রস্টি

6
এই মত ত্রুটি আর কে মনে করে আমার আরও ব্যাখ্যাযোগ্য হওয়া উচিত?
বজ্রাচার্য

আমি এই ত্রুটিটি পেয়েছি কারণ আমদানি অ্যারেতে আমার খালি প্রবেশ ছিল:, ,
wutzebaer

উত্তর:


218

যে কেউ এই একই ত্রুটির মুখোমুখি হচ্ছে, আমার অবস্থা ছিল আমদানি বিভাগে আমার ডাবল কমা রয়েছে mas

imports: [
      BrowserModule,
      HttpModule,
      FormsModule,
      RouterModule.forRoot(appRoutes), , // <-- this was the error
      // .... 
],

4
আমি প্রথম দিকে কমা ছিল যেমন। [,
ব্রাউজারমডুল

4
এটি আমার জন্য একটি বিন্দু (।) ছিল
রঘুরাম

4
আমার জন্য বিষয়টিও সমাধান করেছেন!
মিচিয়াক

82

মডিউলগুলি একে অপরকে আমদানি করে না তা নিশ্চিত করুন। সুতরাং, সেখানে থাকা উচিত নয়

মডিউল এ: imports[ModuleB]

মডিউল বিতে: imports[ModuleA]


59

এটি একাধিক পরিস্থিতির মতো হতে পারে

  1. কমা কমেছে
imports: [
    BrowserModule
   ,routing <= Missing Comma
   ,FeatureComponentsModule
  ],
  1. ডাবল কমা
imports: [
    BrowserModule, 
   ,routing <=Double Comma
   ,FeatureComponentsModule
  ],
  1. মডিউল থেকে কিছুই রফতানি করা হচ্ছে
  2. সিনট্যাক্স ত্রুটি
  3. টাইপ ত্রুটি
  4. অবজেক্টস, অ্যারে এর ভিতরে সেমিকোলন
  5. ভুল আমদানির বিবৃতি

4
চমৎকার সারসংক্ষেপ। অ্যাঙ্গুলার কোথায় এবং কোন উপায়ে মডিউল লোডিং ব্যর্থ হয় সে সম্পর্কে কিছু তথ্য ফেলতে পারলে দুর্দান্ত হবে be আজ যেমন এটি দাঁড়িয়ে আছে এটি ডিবাগ করার জন্য সবচেয়ে ক্লান্তিকর জিনিস। নিশ্চিত না যে আমি "অনুপস্থিত কমাগুলি" বিটটি বুঝতে পারি কিনা, তা কি ঠিকঠাক সংকলন করা উচিত?
ইউনিটরিও

আমি অনুপস্থিত কমা অংশ-চেকআউট app.module.ts ফাইলগুলি - আমদানি:, সরবরাহকারী:, ঘোষণাগুলি ... অ্যারেগুলির সেট ইত্যাদি বুঝেছি - উল্লিখিত স্ট্রিং মানগুলির তালিকায় নিশ্চিত করুন যে কমাগুলি অতিরিক্ত বা নিখোঁজ রয়েছে ... আমি এটি সমাধান করেছি অতিরিক্ত কমা অপসারণ করে! @ ইগনেতিয়াস অ্যান্ড্রু ... আপনি areশ্বর! কৌণিক 2/4 বেশ চতুর!
হাইডটেকি

32

উপরের সমাধানগুলির কোনওটিই আমার পক্ষে কার্যকর হয়নি, তবে কেবল "এনজি সার্ভ" বন্ধ করে আবার চালানো হচ্ছে।


4
হাহা হ্যাঁ, আমার জন্যও। আপনি যখন রাউটিংয়ের সাথে গোলমাল করেন, কখনও কখনও কৌণিকের পুনঃসূচনা প্রয়োজন। আপনার মডিউলগুলির মধ্যে গুরুত্বপূর্ণ কোর আমদানি বা রফতানি চলমান সাথে একই।
ফ্লোরিয়ান লেইটেজেব

সাধারণ সমস্যা, বেশ কয়েকটি পরিস্থিতিতে। কৌণিক দলের এটি করা উচিত।
দিমিত্রিস ভৌড়িয়াস

আমার জন্যও একই. কৌণিকের এই ইস্যুতে কাজ করা উচিত। আমার সময় নষ্ট: /
লিন্ট

আমার জন্য, এটি ছিলcircular dependency
বিশাল সুথার


23

আমার এই ত্রুটি হয়েছিল কারণ index.tsআমার অ্যাপ্লিকেশনটির মূলটিতে আমার একটি ফাইল ছিল যা আমার রফতানি করছিল app.component.ts। সুতরাং আমি ভেবেছিলাম যে আমি নিম্নলিখিতগুলি করতে পারি:

import { AppComponent } from './';

এটি কাজ করে এবং আমাকে কোনও লাল স্কুইগলি লাইনের দেয় না এবং আপনি যখন টাইপ করা শুরু করেন তখনও ইন্টেলিজেন্স অ্যাপকোম্পোনেন্টটি উপস্থিত করে। তবে এটি অনুসন্ধান করার জন্য আসুন এটি এই ত্রুটি ঘটাচ্ছে। আমি এটিকে পরিবর্তন করার পরে:

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

ত্রুটিটি চলে গেল।


4
আমি মনে করি যা কাজ করে তা হ'ল আপনি স্পষ্টভাবে './index' লিখতেন। এওটি এবং এনজি-প্যাকাগ্রারের সাথে একত্রে আমাদের এই সমস্যা ছিল।
১:24

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

দেখা যাচ্ছে আমি পাশাপাশি ইন্টেলিজেন্স দ্বারাও বিভ্রান্ত হয়েছিল। আমার কয়েকটি মডিউলের জন্য আমি একটি বোন মডিউলটি আমদানি করেছিলাম

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

পরিবর্তে

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

আমি বর্ণিত একটি ব্যতীত এটি সমস্ত বিল্ডে সূক্ষ্মভাবে কাজ করেছিল।

এটি পিন করা ভয়ানক ছিল এবং আমি ভাগ্যবান যে এটি আমার থেকে বেশি সময় নেয় নি। আশা করি এটি কারও সাহায্য করবে।


এটিই ছিল xD আপনি কীভাবে ভুল সংস্করণটি না বেছে নেওয়ার জন্য ইন্টেলিসেন্সটি কনফিগার করতে চান তা জানেন?
ব্যবহারকারী 2035039

দুঃখিত, আমি না।
নায়ফিন

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
  ]

ধারনা আছে, আমি এটা করেছি রয়েছে গোমরাহী ছাড়া কমেনি
surfealokesea

3

কেবলমাত্র সরবরাহকারীকে ফরআরটের কাজগুলির মধ্যে রেখে দেওয়া: 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 { }

3

এর আরও একটি সহজ সমাধান রয়েছে। আমার 2 টি মডিউল রয়েছে যা একে অপরকে ব্যবহার করে কাঠামোর গভীরে। আমি ওয়েবপ্যাক এবং কৌণিক 2 দিয়ে বিজ্ঞপ্তি নির্ভরতা নিয়ে একই সমস্যায় পড়েছি I

....

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

export = DppIncludeModule;

আমি এখন যখন এনজিএমডিউল অ্যাট্রিবিউটটিতে আমদানি বিবৃতিটি ব্যবহার করি তখন আমি কেবল ব্যবহার করি:

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

এটির সাথে সমস্ত সমস্যা দূরে রয়েছে।


এটি কীভাবে কাজ করে আপনি আরও বিশদে যেতে পারেন? উদাহরণস্বরূপ, আপনি কীভাবে আপনার উপাদানটিতে DppIncolveModule ব্যবহার করবেন?
কেট এস

কেট, দেরী উত্তর জন্য দুঃখিত। আমি উপাদানটিতে মডিউলটি ব্যবহার করি না, আমি মডিউলগুলিতে উপাদানগুলি আবদ্ধ করি। মডিউলগুলি একসাথে ব্যবহৃত হয়। অনির্ধারিত ত্রুটি সহ আপনার এখানে আরও একটি সমস্যা রয়েছে।
মাইকেল বার্জ

3

আমার সমস্যাটি সূচকগুলিতে দুবার রফতানি হচ্ছিল

এর মধ্যে একটি অপসারণ করা সমস্যার সমাধান করে।


পবিত্র ক্রেপস এটি আমার পক্ষে কাজ করেছিল! আপনি যদি সূচকের থেকে মডিউল রপ্তানি করেন এবং আপনার মডিউল একই সূচকগুলি থেকে মডিউল উপাদানগুলি আমদানি করে তবে এটি বৃত্তাকার লোড হওয়ার কারণ বলে মনে হচ্ছে। আপনার মডিউলটিতে সরাসরি উপাদান উপাদান থেকে আমদানি করা উচিত সূচি থেকে নয়। টিএনএক্স
টমাস কাটজ

ঝামেলা শট। এই উত্তরটি না দেখে এই সমস্যাটি সমাধান করতে আমার কতক্ষণ লাগবে তা ভাবতে পারবেন না
tom10271

3

আমার এই সমস্যাটি ছিল, এটি সত্য যে কনসোলে ত্রুটি বর্ণনামূলক নয়। তবে যদি আপনি কৌণিক-ক্লাইপ আউটপুটটি দেখেন:

আপনি একটি সতর্কতা দেখতে পাবেন, বিজ্ঞপ্তি নির্ভরতা নির্দেশ করে

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

সুতরাং সমাধানটি হল মডিউলগুলির মধ্যে একটি থেকে একটি আমদানি সরানো।


আমার যদি সেই বিজ্ঞপ্তি নির্ভরতা প্রয়োজন?
ইভান সেভি

@ রুনস্টার আমি মনে করি আপনার নির্ভরতাটিকে একটি উচ্চ স্তরের মডিউলে স্থানান্তর করতে হবে এবং তারপরে উভয় (এক্স) মডিউলগুলিতে নতুন মডিউলটি আমদানি করতে হবে।
T04435

3

যতক্ষণ আপনি নিশ্চিত যে আপনি কোনও ভুল করছেন না, দয়া করে "এনজি সার্ভিস" বন্ধ করুন এবং এটি পুনরায় চালু করুন। এটি করে, সংকলক এর সমস্ত কাজ করে এবং অ্যাপটি প্রত্যাশার মতো পরিবেশন করে। মডিউলগুলির সাথে পূর্বের অভিজ্ঞতাগুলি আমাকে "এনজি সার্ভ" চলমান না হলে সেগুলি তৈরি করতে শিখিয়েছে বা আমার কাজ শেষ হয়ে গেলে টার্মিনালটি পুনরায় চালু করতে শিখিয়েছে।

"এনজি সার্ভ" পুনঃসূচনা এছাড়াও কাজ করে যখন আপনি অন্য উপাদানগুলিতে একটি নতুন উপাদান নির্গমন করছেন, এটি সম্ভবত সম্ভব সংকলকটি আপনার নতুন উপাদানকে স্বীকৃতি দেয় নি, কেবল "এনজি সার্ভিস" পুনরায় চালু করুন

এটি আমার জন্য কয়েক মিনিট আগে কাজ করেছিল।


কোন ধারণা, কেন এটি নতুন উপাদানকে চিনতে পারছে না?
রেডিও হেড

2

সমস্যাটি হ'ল কমপক্ষে একটি আমদানি রয়েছে যার জন্য উত্স ফাইলটি অনুপস্থিত।

উদাহরণস্বরূপ আমি ব্যবহার করার সময় আমি একই ত্রুটি পেয়েছি

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

কিন্তু './app-routing.module' ফাইলটি সেখানে দেওয়া হয়নি।

আমি এই আমদানি সরিয়েছি এবং ত্রুটি চলে গেছে।


2

আমার একই ত্রুটি ছিল, উপরের টিপসের কোনওটিই সহায়তা করেনি।

আমার ক্ষেত্রে এটি ওয়েবস্টোরমের কারণে হয়েছিল, দুটি আমদানিকে এক করে সংযুক্ত করে।

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

আমি এটি দুটি পৃথক আমদানিতে উত্তোলন করেছি

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

এর পরে এটি ত্রুটি ছাড়াই কাজ করে।


ধন্যবাদ, বন্ধু. এটি সাহায্য করেছে
ডাইনোমাইট

: আগের উত্তরের প্রতিলিপি stackoverflow.com/a/49667611/1243048
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 { }

কারণ রফতানি খালি অ্যারে এবং এটির আগে এটি সরিয়ে ফেলা উচিত।


1

আমার একই সমস্যা ছিল, আমি ফোল্ডারের a = এর index.ts এ উপাদানটি যুক্ত করে রফতানি করেছি। তবুও অপরিজ্ঞাত ত্রুটিটি পপিং করছিল। তবে আইডিই আমাদের যে কোনও লাল স্কুইগ্লি লাইনে পপ করে

তারপরে প্রস্তাবিত থেকে পরিবর্তন করা হয়েছে

import { SearchComponent } from './';

প্রতি

import { SearchComponent } from './search/search.component';

0

পাইপ, পরিষেবা অন্তর্ভুক্ত করে সমস্ত সূচি রফতানির ফাইল মুছে দিয়ে আমি এটি ঠিক করেছি fix তারপরে সমস্ত ফাইল আমদানির পথ নির্দিষ্ট পাথ। যেমন

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

প্রতিস্থাপন

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

এছাড়াও, ডিফল্ট ক্লাস রফতানি করবেন না।


তবে কীভাবে এই সাহায্য করা উচিত? ফাইলের নাম সরিয়ে ফেলার জন্য আপনি যে ফোল্ডারটি অর্পণ করছেন তা সূচি গ্রহণ করে।
মাইকেল বার্জ

@ মিশেলবায়ার্স সেই সময়ে, সূচি ফাইলটি পুনরায় চালু করুন আমাকে সমস্যার সমাধান করতে সহায়তা করুন। তবে এখন, আমি এনজি সংস্করণটি ২.৪.৯ এ আপগ্রেড করেছি, যে সমস্যাটি নেই, এর অর্থ, আমি সূচি.এসটি ফাইল রফতানি রেফারেন্সটি ব্যবহার করতে পারি। সুতরাং আমি মনে করি এটি এনজি বিল্ডের সাথে সম্ভবত সমস্যা আছে
wfsovereign

কমপক্ষে এটি একটি প্রান্তের কেস এবং একটি খারাপ প্যাকেজ কাঠামোর ফলাফল। প্যাকেজগুলিতে রাউন্ড ট্রিপ থাকা উচিত নয়। প্যাকেজ কাঠামো স্পষ্ট করে তা যেকোনোভাবেই ঠিক করবে।
মাইকেল বার্জ

@ মিশেলবাজার হ্যাঁ, আমি আপনার সাথে একমত
wfsovereign

0

আমার সমস্যাটি হ'ল এর ভিতরে একটি ভুল বানানযুক্ত নাম component.ts

আমদানি বিবৃতি ত্রুটি দেখায়নি তবে ঘোষণাটি করেছে, যা আমাকে বিভ্রান্ত করেছে।


0

App.componal.ts এর কনস্ট্রাক্টরের অব্যবহৃত " প্রাইভেট http: এইচটিটিপি " যুক্তি আমার একই ত্রুটি ঘটিয়েছিল এবং এটি কনস্ট্রাক্টরের অব্যবহৃত যুক্তি অপসারণের পরে সমাধান হয়েছে


0

সম্ভবত ত্রুটিটি AppModule.ts ফাইলের সাথে সম্পর্কিত হবে।

এই সমস্যাটির সমাধানের জন্য প্রতিটি উপাদান ঘোষিত হয়েছে কিনা এবং আমরা যে পরিষেবাটি ঘোষণা করি সেগুলি সরবরাহকারীর মধ্যে রাখা হয়েছে কিনা তা পরীক্ষা করে দেখুন check

এবং এমনকি যদি অ্যাপমোডিউল ফাইলে সবকিছু ঠিক মনে হয় এবং তবুও ত্রুটিটি পেয়ে থাকে তবে আপনার চলমান কৌনিক উদাহরণটি বন্ধ করুন এবং আবার এটি পুনরায় চালু করুন। এটি আপনার সমস্যা সমাধান করতে পারে যদি মডিউল ফাইলের সমস্ত কিছু সঠিক হয় এবং যদি আপনি এখনও ত্রুটি পান।


0

আমার জন্য সমস্যাটি আমদানির ক্রম পরিবর্তন করে সমাধান করা হয়েছিল:

আমার একটিতে ত্রুটিটি পেয়েছে:

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

এটিতে এতে পরিবর্তন করা হয়েছে:

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

4
সমস্যার সাথে সম্পর্কিত নয়, যেহেতু ব্রাউজারমডিউল রপ্তানি করে কমনমডুল এগুলি দুটিই অপ্রয়োজনীয়।
সেমির দেলজিć

0

উপরের সমাধানগুলি আমার পক্ষে কাজ করে না।

সুতরাং আমি 1.4.4 এর জন্য 1.6.4 এর কৌণিক-ক্লাইপের সংস্করণটি ফিরে আসি এবং এটি আমার সমস্যার সমাধান করে।

আমি জানি না এটি সেরা সমাধান কিনা তবে আপাতত, এটি আমার পক্ষে কাজ করেছিল


0

আমিও একই সমস্যায় পড়ছিলাম। ইস্যুটি হ'ল আমি সূচকগুলি থেকে কিছু শ্রেণি আমদানি করছিলাম

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

index.ts এ এক্সপোর্ট স্টেটমেন্ট থাকে

    export * from './models';

আমি এটিকে .ts ফাইলে পরিবর্তন করেছি যা আসল শ্রেণীর অবজেক্ট ধারণ করে

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

এবং এটি সমাধান হয়েছে।


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

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.