Добавление пользовательского класса в Angular-Meteor

Я работаю с Anugular-Meteor, но мое приложение стало большим, и мне нужно начать разветвлять мой код на классы, которые я могу определить в разных файлах. Однако у меня возникают проблемы при попытке импортировать классы в мои компоненты, чтобы использовать их.

Вот мой код У меня есть класс под названием CallServer что я хочу импортировать в мой компонент SignupModalComponent

клиент / импорт / приложение / CallServer.ts

import { Meteor } from 'meteor/meteor';
import { Injectable } from "@angular/core";

@Injectable()
export class CallServer{
     //logic
}

клиент / импорт / приложение / компоненты /signupModal/signupModal.components.ts

import { Component, OnInit, ViewContainerRef, ViewChild, NgZone, Input } from "@angular/core";
import { Meteor } from 'meteor/meteor';
import { CallServer } from '../CallServer';

@Component({
    selector: "signupModal",
    template,
    styles: [ style ],
    providers: [CallServer]
})

export class SignupModalComponent {
     //Bunch of stuff
}

клиент / импорт / приложение / compnents / app.module.ts

    import { NgModule } from "@angular/core";
    import { BrowserModule } from "@angular/platform-browser";
    import { FormsModule } from "@angular/forms";
    import { RouterModule } from '@angular/router';
    import { AccountsModule } from 'angular2-meteor-accounts-ui';
    import { CommonModule } from '@angular/common';

    //component
    import { AppComponent } from "./app.component";
    import { SignupModalComponent } from "./components/signupModal/signupModal.component";
    import { PizzaSubmitComponent } from "./components/pizzaSubmit/pizzaSubmit.component";
    import { ModalComponent } from "./components/modal/modal.component";
    import { AdminPanelComponent } from "./components/adminPanel/adminPanel.component";

    @NgModule({
      // Components, Pipes, Directive
      declarations: [
        AppComponent,
        SignupModalComponent,
        PizzaSubmitComponent,
        ModalComponent,
        AdminPanelComponent
      ],
      // Entry Components
      entryComponents: [
        AppComponent
      ],
      // Providers
      providers: [
      ],
      // Modules
      imports: [
        BrowserModule,
        FormsModule,
        AccountsModule,
        CommonModule
      ],
      // Main Component
      bootstrap: [ 
        AppComponent
      ]
    })
    export class AppModule {
      constructor() {
      }
    }

Я понимаю, что мне не нужно менять app.module.ts включить мой CallServer учебный класс. Я ошибся? Есть ли что-то, что я забываю, чтобы заставить мой класс работать?

Я получаю ошибку Cannot find module '../CallServer' на моем компоненте регистрации каждый раз.

Спасибо

0 ответов

Другие вопросы по тегам