Я сделал пользовательскую «библиотеку угловых компонентов». Я называю эту библиотеку ACL
Я импортирую библиотеку в другой проект. Когда я бегу
ionic-app-scripts build
, он успешно строится
НО, когда я бегу
ionic-app-scripts build --prod
это дает мне следующее сообщение об ошибке. любой с любой подсказкой.
Произошла ошибка при статическом разрешении значений символов. Вызов функции ‘ɵmakeDecorator’, вызовы функций не поддерживаются. Рассмотрите возможность замены функции или лямбды ссылкой на экспортированную функцию, разрешив символ Injectable в C:/Monsenso-Source/administration /node_modules/@monsenso/components/node_modules/@angular/core/core.d.ts,
разрешающий символ ɵf в C:/Monsenso-Source/administration /node_modules/@monsenso/components/node_modules/@angular/core/core.d.ts, разрешающий символ ɵf в C:/Monsenso-Source/administration/node_modules/@ monsenso/components/node_modules/@angular/core/core.d.ts
Такая же ошибка также возникает, если я выполняю следующую команду:
"node_modules/.bin/ngc" -p tsconfig-aot.json
Код для ACL
page-template-middle.component.html
<ion-content padding>
<ion-grid>
<ion-row>
<ion-col col-4>
<!-- empty -->
</ion-col>
<ion-col col-4>
<ng-content></ng-content>
</ion-col>
<ion-col col-4>
<!-- empty -->
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
page-template-middle.component.ts
import { Component, OnInit } from '@angular/core';
@Component({ selector: 'mon-page-template-middle', templateUrl: './page-template-middle.component.html' }) export class PageTemplateMiddleComponent {
}
web.module.ts
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { IonicApp, IonicModule } from 'ionic-angular';
import { PageTemplateMiddleComponent } from './components/page-template-middle/page-template-middle.component';
@NgModule({ declarations: [ PageTemplateMiddleComponent ], exports: [ PageTemplateMiddleComponent ], imports: [ BrowserModule, FormsModule, HttpModule, IonicModule ], providers: [
] })
export class WebModule { }
Код потребительского проекта
app.module.ts
import { BrowserModule } from '@angular/platform-browser'; import { ErrorHandler, NgModule } from '@angular/core'; import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular'; import { WebModule } from '@monsenso/components';
import { MyAppComponent } from './app.component'; import { HomePageComponent } from '../pages/home/home';
@NgModule({ bootstrap: [IonicApp], declarations: [ MyAppComponent, HomePageComponent ], entryComponents: [ MyAppComponent, HomePageComponent ], imports: [ BrowserModule, WebModule, IonicModule.forRoot(MyAppComponent) ], providers: [ {provide: ErrorHandler, useClass: IonicErrorHandler} ] }) export class AppModule {
}
Любой с любым решением… .. Пожалуйста