Когда я пытаюсь собрать или запустить мое угловое приложение, появляется огромная ошибка, которая появляется после добавления ngx-paypal после следующих шагов установки: https://www.npmjs.com/package/ngx-paypal/v/4.0.2
$ npm run build
pfl@0.0.0 build D: \ Documents \ GitHub Repositories \ eMate \ client ng build --prod
Дата: 2019-02-06T09: 09: 36.720Z
Хеш: 876956740a48ed92eebb
Время: 10432ms
chunk {0} polyfills.b35e735ba10974ee9e92.bundle.js (polyfills) 65,9 кБ [начальный] [визуализированный]
chunk {1} styles.1a047ae87052744dd806.bundle.css (стили) 4,49 кБ [исходный] [обработанный]
chunk {2} main.69fbd0fc96123d4373d2.bundle.js (основной) 432 байта [исходный] [обработанный]
chunk {3} vendor.80b84992b48229e8b292.bundle.js (поставщик) 207 кБ [начальный] [обработан]
чанк {4} inline.93c9b92dbb4dfd0f022b.bundle.js (встроенный) 1,45 кБ [запись] [обработан]
ОШИБКА в ./src/main.ts Модуль не найден: ошибка: Не удается разрешить './$$_gendir/app/app.module.ngfactory' в 'D: \ Documents \ GitHub Repositories \ eMate \ client \ src 'resolv. ./$$_gendir/app/app.module.ngfactory' в 'D: \ Documents \ GitHub Repositories \ eMate \ client \ src', используя файл описания: D: \ Documents \ GitHub Repositories \ eMate \ client \package.json (относительный путь: ./src) Поле 'browser' не содержит допустимой конфигурации псевдонима после использования файла описания: D: \ Documents \ GitHub Repositories \ eMate \ client \ package.json (относительный путь: ./src) с использованием файла описания: D: \ Documents \ GitHub Repositories \ eMate \ client \ package.json (относительный путь: ./src/$$_gendir/app/app.module.ngfactory) без расширения Поле 'browser' не содержитдействительная конфигурация псевдонимов D: \ Documents \ GitHub Repositories \ eMate \ client \ src \ $$ _ gendir \ app \ app.module.ngfactory не существует .ts Поле 'browser' не содержит действительной конфигурации псевдонимов D: \Documents \ GitHub Repositories \ eMate \ client \ src \ $$ _ gendir \ app \ app.module.ngfactory.ts не существует .js Поле 'browser' не содержит допустимой конфигурации псевдонимов D: \ Documents \ GitHub Repositories \EMATE \ клиент \ SRC \ $$ _ гендир \ приложение \ app.module.ngfactory.js не существует как каталог D: \ Documents \ GitHub Repositories \ eMate \ client \ src \ $$ _ gendir \ app \ app.module.ngfactory не существует [D: \ Documents \ GitHub Repositories \ eMate \client \ src \ $$ _ gendir \ app \ app.module.ngfactory] [D: \ Documents \ GitHub Repositories \ eMate \ client \ src \ $$ _ gendir \ app \ app.module.ngfactory.ts] [D: \ Documents\ GitHub Repositories \ eMate \ client \ src \ $$ _ gendir \ app \ app.module.ngfactory.js] [D: \ Documents \ GitHub Repositories \ eMate \ client \ src \ $$ _ gendir \ app \ app.module.ngfactory] @ ./src/main.ts 3: 0-74 @ multi ./src/main.ts ОШИБКА при ошибке: Несоответствие версии метаданных для модуля D: / Documents / GitHub Repositories / eMate / client / node_modules / ngx-paypal /ngx-paypal.d.ts, найденная версия 4, ожидаемая 3 в StaticSymbolResolver.getModuleMetadata (D: \ Documents \ GitHub Repositories \ eMate \ client \ node_modules @ angular \ compiler \ bundles \ compiler.umd.js: 25616: 34) вStaticSymbolResolver._createSymbolsOf (D: \ Documents \ GitHub Repositories \ eMate \ client \ node_modules @ angular \ compiler \ bundles \ compiler.umd.js: 25404: 46) в StaticSymbolResolver.getSymbolsOf (D: \ Documents \ GitHub Repositories \ eMate \ client \ node_modules @ angular \ compiler \ bundles \ compiler.umd.js: 25385: 14) в D: \ Documents \ GitHub Repositories \eMate \ client \ node_modules @ angular \ compiler \ bundles \ compiler.umd.js: 24241: 30 в Array.forEach () в extractProgramSymbols (D: \ Documents \ GitHub Repositories \ eMate \ client \ node_modules @ angular \ compiler \ bundles \compiler.umd.js: 24240: 79) в AotCompiler.analyzeModulesAsync (D: \ Documents \ GitHub Repositories \ eMate \ client \ node_modules @ angular \ compiler \ bundles \ compiler.umd.js: 23796: 47) в CodeGenerator.codegen (D: \ Documents \ GitHub Repositories \ eMate \ client \ node_modules @ angular \ compiler-cli \ src \ codegen.js: 32: 14)в Function.NgTools_InternalApi_NG_2.codeGen (D: \ Documents \ GitHub Repositories \ eMate \ client \ node_modules @ angular \ compiler-cli \ src \ ngtools_api.js: 73: 30) в _donePromise.Promise.resolve.then (D: Документы\ GitHub Repositories \ eMate \ client \ node_modules @ ngtools \ webpack \ src \ plugin.js: 430: 58) npm ОШИБКА!код ELIFECYCLE
npm ERR!errno 1
npm ERR!pfl@0.0.0 build: ng build --prod
npm ERR!Состояние выхода 1
npm ERR!
npm ERR!Ошибка в сценарии сборки pfl@0.0.0.
npm ERR!Это, вероятно, не проблема с npm.Скорее всего, выше выводится логирование.
npm ERR!Полный журнал этого прогона можно найти в:
npm ERR!C: \ Users \ ilian \ AppData \ Roaming \ npm-cache_logs \ 2019-02-06T09_09_36_878Z-debug.log
У меня есть следующие шаги:
npm install ngx-module
app.module.ts:
import { NgxPayPalModule } from 'ngx-paypal';
imports: [
FacebookModule.forRoot(),
CommonModule,
FormsModule,
RegisterModule,
ReactiveFormsModule,
BrowserModule,
HttpModule,
AppRoutingModule,
SharedModule,
RegisterCoachModule,
Ng2CloudinaryModule,
FileUploadModule,
EmojiPickerModule.forRoot(),
AngularCropperjsModule,
NguiSortableModule,
DpDatePickerModule,
CoachesModule,
ArticlesModule,
AngularMultiSelectModule,
NgxPayPalModule // line added
],
payment.component.ts [здесь я использую только NgxPayPalModule]
import { PayPalConfig, PayPalEnvironment, PayPalIntegrationType } from 'ngx-paypal'; // i'm adding import on top of file
ngOnInit() {
this.initPayPalConfig();
}
private initPayPalConfig() {
this.payPalConfig = new PayPalConfig(
PayPalIntegrationType.ClientSideREST,
PayPalEnvironment.Sandbox,
{ // ... })
}
payment.componenet.html
<ngx-paypal [config]="payPalConfig"></ngx-paypal>