代码之家  ›  专栏  ›  技术社区  ›  Michael Albrecht

无法在第二个角度模块中使用素数

  •  -1
  • Michael Albrecht  · 技术社区  · 3 年前

    我刚开始一个新的Angualr项目。我一直在尝试使用Angular中的共享模块导入,然后将素数模块导出到这两个应用程序。单元ts以及消费者网站。单元ts.Primeng正在应用程序中声明的组件中工作。单元但不是消费者网站。单元我创建的ts组件。我不知道为什么它在其中一种情况下有效,而在另一种情况下无效。

    共享。单元输电系统

    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { BrowserModule } from '@angular/platform-browser';
    import { ReactiveFormsModule } from '@angular/forms';
    import { RouterModule } from '@angular/router';
    import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
    
    import { AppRoutingModule } from '../app-routing.module';
    
    //primeng
    import {InputTextModule} from 'primeng/inputtext';
    import {InputTextareaModule} from 'primeng/inputtextarea';
    import {DropdownModule} from 'primeng/dropdown';
    import {ButtonModule} from 'primeng/button';
    import {EditorModule} from 'primeng/editor';
    
    const primng_modules = [
      InputTextModule,
      InputTextareaModule,
      DropdownModule,
      ButtonModule,
      EditorModule
    ]
    
    @NgModule({
      declarations: [],
      imports: [
        CommonModule,
      ],
      exports: [
        ...primng_modules,
        CommonModule,
        BrowserAnimationsModule,
        BrowserModule,
        ReactiveFormsModule,
        AppRoutingModule,
        RouterModule
      ]
    })
    export class SharedModule { }
    

    应用程序。单元输电系统

    import { NgModule } from '@angular/core';
    import { AppComponent } from './app.component';
    import { AddEditQuestionComponent } from './pages/add-edit-question/add-edit-question/add-edit-question.component';
    
    
    import { SharedModule } from './shared/shared.module';
    
    
    @NgModule({
      declarations: [
        AppComponent,
        AddEditQuestionComponent,
      ],
      imports: [
        SharedModule
      ],
      exports: [
        AddEditQuestionComponent,
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    

    消费者网站。单元输电系统

    import { NgModule } from '@angular/core';
    import { ShellComponent } from './shell/shell.component';
    import { SharedModule } from '../shared/shared.module';
    
    @NgModule({
      declarations: [
        ShellComponent
      ],
      imports: [
        SharedModule,
      ]
    })
    export class ConsumerSiteModule { }
    

    以下是角度中的属性。为启动而修改的json文件夹:

    "styles": [
                  "src/styles.scss",
                  "node_modules/primeng/resources/primeng.min.css",
                  "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
                  "node_modules/primeicons/primeicons.css",
                  "node_modules/primeflex/primeflex.css",
                  "node_modules/quill/dist/quill.core.css",
                  "node_modules/quill/dist/quill.snow.css"
                ],
                "scripts": [
                  "node_modules/quill/dist/quill.js"
                ]
    

    Primeng在应用程序中声明的AddEditQuestionComponent内工作。单元在ConsumerSiteModule中声明了ts而不是ShellComponent。即使我直接将预处理模块导入ConsumerSiteModule,预处理仍然不起作用。因此,似乎出于某种原因,Primeng在那里无法访问。如果共享、应用程序和ConsumerSite模块位于同一个App/src文件夹中,为什么会出现这种情况?

    1 回复  |  直到 3 年前
        1
  •  0
  •   davood beheshti    3 年前

    玩得愉快

    我注意到的一件事是,你没有包括消费者网站。AppModule中的模块

    You need to import the ConsumerSite Module itself into the AppModule
    

    我希望我能帮助你