我刚开始一个新的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文件夹中,为什么会出现这种情况?