Команда
- [] new
- [x] сборка
- [x] подача
- [] test
- [] e2e
- [] генерировать
- [] добавить
- [] обновить
- [] lint
- [] xi18n
- [] run
- [] config
- [] help
- [] версия
- [] do c
Это регрессия?
Это начало происходить в той же версии без какого-либо обновления версии.
Описание
Есть 2 части ошибки. 1 во время подачи и 1 во время построения создания.
Описание Во время подачи
Если мне нужно сказать это ясно, то можно сказать только, что эта ошибка произошла во время разработки, и никаких изменений в AppModule за это время не было. Вы нажимаете npm start и получаете следующую ошибку: ОШИБКА в метаданных No NgModule не найдена для 'AppModule'.
Вы снова сохраняете любой файл, он снова начинает компилироваться и успешно компилируется .
Описание во время сборки
Запускает сборку и завершается ошибкой со следующей ошибкой: ОШИБКА в members.hasOwnProperty не является функцией
? Minimal Воспроизведение
Я не знаю, как его воспроизвести. Это произошло во время разработки и без обновления каких-либо пакетов.
? Исключение или ошибка
Исключение на SERVE:
Исключение не может быть найдено, за исключением вышеуказанной ошибки, как сказано в описании.
Исключение в BUILD:
Исключение не найдено, за исключением вышеуказанной ошибки. Но я все равно оставлю здесь некоторые детали:
0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'build'
1 verbose cli ]
2 info using npm@6.12.1
3 info using node@v12.13.1
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle xxxx-ers@1.0.0~prebuild: xxxx-ers@1.0.0
6 info lifecycle xxxx-ers@1.0.0~build: xxxx-ers@1.0.0
7 verbose lifecycle xxxx-ers@1.0.0~build: unsafe-perm in lifecycle true
8 verbose lifecycle xxxx-ers@1.0.0~build: PATH: ...
9 verbose lifecycle xxxx-ers@1.0.0~build: CWD: C:\Projects\ERS\Repositories\xxxx.ERS.UI
10 silly lifecycle xxxx-ers@1.0.0~build: Args: [ '/d /s /c', 'npm run env -s && ng build --prod' ]
11 silly lifecycle xxxx-ers@1.0.0~build: Returned: code: 1 signal: null
12 info lifecycle xxxx-ers@1.0.0~build: Failed to exec build script
13 verbose stack Error: xxxx-ers@1.0.0 build: `npm run env -s && ng build --prod`
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:210:5)
13 verbose stack at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:210:5)
13 verbose stack at maybeClose (internal/child_process.js:1021:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:283:5)
14 verbose pkgid xxxx-ers@1.0.0
15 verbose cwd C:\Projects\ERS\Repositories\xxxx.ERS.UI
16 verbose Windows_NT 10.0.17134
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build"
18 verbose node v12.13.1
19 verbose npm v6.12.1
20 error code ELIFECYCLE
21 error errno 1
22 error xxxx-ers@1.0.0 build: `npm run env -s && ng build --prod`
22 error Exit status 1
23 error Failed at the xxxx-ers@1.0.0 build script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
Мое окружение
Angular CLI: 8.3.22
Node: 12.13.1
OS: win32 x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... platform-server, router, service-worker
Package Version
------------------------------------------------------------
@angular-devkit/architect 0.800.6
@angular-devkit/build-angular 0.800.6
@angular-devkit/build-optimizer 0.800.6
@angular-devkit/build-webpack 0.800.6
@angular-devkit/core 8.0.6
@angular-devkit/schematics 8.3.22
@angular/cdk 8.2.3
@angular/cli 8.3.22
@angular/material 8.2.3
@angular/material-moment-adapter 8.2.3
@ngtools/webpack 8.0.6
@schematics/angular 8.3.22
@schematics/update 0.803.22
rxjs 6.5.4
typescript 3.4.5
webpack 4.30.0
Что-нибудь еще уместное? Я выполнил почти все работы, которые нашел в ранее сообщалось о проблемах, но ни один из них не помог. Например, добавление AppModule в tsconfig.app.json. Убедитесь, что const bootstrap = () => platformBrowserDynamic().bootstrapModule(AppModule); находится в одной строке в main.ts. и множество других шагов. Но ни один из них не работает. Пожалуйста, помогите.
Мой main.ts
/*
* Entry point of the application.
* Only platform bootstrapping code should be here.
* For app-specific initialization, use `app/app.component.ts`.
*/
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from '@app/app.module';
import { environment } from '@env/environment';
import { hmrBootstrap } from './hmr';
if (environment.production) {
enableProdMode();
}
const bootstrap = () => platformBrowserDynamic().bootstrapModule(AppModule);
if (environment.hmr) {
hmrBootstrap(module, bootstrap);
} else {
bootstrap().catch(err => console.error(err));
}
Мой App.module.ts
// Angular
import { BrowserModule, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
import { APP_INITIALIZER, NgModule } from '@angular/core';
import { TranslateModule } from '@ngx-translate/core';
import { HttpClientModule } from '@angular/common/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { GestureConfig, MatProgressSpinnerModule } from '@angular/material';
import { OverlayModule } from '@angular/cdk/overlay';
// Perfect Scroll bar
import { PERFECT_SCROLLBAR_CONFIG, PerfectScrollbarConfigInterface } from 'ngx-perfect-scrollbar';
// SVG inline
import { InlineSVGModule } from 'ng-inline-svg';
// Env
import { environment } from '@env/environment';
// Hammer JS
import 'hammerjs';
// Copmponents
import { AppComponent } from './app.component';
// Modules
import { AppRoutingModule } from './app-routing.module';
import { CoreModule } from './core/core.module';
import { ThemeModule } from './views/theme/theme.module';
// Partials
import { PartialsModule } from './views/partials/partials.module';
// Layout Services
import {
//DataTableService,
//FakeApiService,
KtDialogService,
LayoutConfigService,
LayoutRefService,
MenuAsideService,
MenuConfigService,
MenuHorizontalService,
PageConfigService,
SplashScreenService,
SubheaderService
} from './core/_base/layout';
// CRUD
import { LayoutUtilsService, TypesUtilsService } from './core/_base/crud';
// Config
import { LayoutConfig } from './core/_config/layout.config';
// Highlight JS
import { HIGHLIGHT_OPTIONS, HighlightLanguage } from 'ngx-highlightjs';
import * as typescript from 'highlight.js/lib/languages/typescript';
import * as scss from 'highlight.js/lib/languages/scss';
import * as xml from 'highlight.js/lib/languages/xml';
import * as json from 'highlight.js/lib/languages/json';
// tslint:disable-next-line:class-name
const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
wheelSpeed: 0.5,
swipeEasing: true,
minScrollbarLength: 40,
maxScrollbarLength: 300
};
export function initializeLayoutConfig(appConfig: LayoutConfigService) {
// initialize app by loading default demo layout config
return () => {
if (appConfig.getConfig() === null) {
appConfig.loadConfigs(new LayoutConfig().configs);
}
};
}
export function hljsLanguages(): HighlightLanguage[] {
return [
{ name: 'typescript', func: typescript },
{ name: 'scss', func: scss },
{ name: 'xml', func: xml },
{ name: 'json', func: json }
];
}
@NgModule({
declarations: [AppComponent],
imports: [
BrowserAnimationsModule,
BrowserModule,
AppRoutingModule,
HttpClientModule,
// environment.isMockEnabled
// ? HttpClientInMemoryWebApiModule.forRoot(FakeApiService, {
// passThruUnknownUrl: true,
// dataEncapsulation: false
// })
// : [],
//NgxPermissionsModule.forRoot(),
PartialsModule,
CoreModule,
OverlayModule,
//AuthModule,
TranslateModule.forRoot(),
MatProgressSpinnerModule,
InlineSVGModule.forRoot(),
ThemeModule
],
exports: [],
providers: [
LayoutConfigService,
LayoutRefService,
MenuConfigService,
PageConfigService,
KtDialogService,
//DataTableService,
SplashScreenService,
{
provide: PERFECT_SCROLLBAR_CONFIG,
useValue: DEFAULT_PERFECT_SCROLLBAR_CONFIG
},
{
provide: HAMMER_GESTURE_CONFIG,
useClass: GestureConfig
},
{
// layout config initializer
provide: APP_INITIALIZER,
useFactory: initializeLayoutConfig,
deps: [LayoutConfigService],
multi: true
},
{
provide: HIGHLIGHT_OPTIONS,
useValue: { languages: hljsLanguages }
},
// template services
SubheaderService,
MenuHorizontalService,
MenuAsideService,
//HttpUtilsService,
TypesUtilsService,
LayoutUtilsService
],
bootstrap: [AppComponent]
})
export class AppModule {}
Мой app-routing.module.ts
// Angular
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
// Components
import { BaseComponent } from './views/theme/base/base.component';
import { ErrorPageComponent } from './views/theme/content/error-page/error-page.component';
// Auth
import { AuthGuard } from './core/auth';
import { AuthenticationGuard } from "@app/core";
const routes: Routes = [
{ path: 'auth', loadChildren: () => import('../app/views/pages/auth/auth.module').then(m => m.AuthModule) },
{
path: '',
component: BaseComponent,
canActivate: [AuthenticationGuard],
children: [
{
path: 'dashboard',
loadChildren: () => import('../app/views/pages/dashboard/dashboard.module').then(m => m.DashboardModule)
},
{
path: 'kiosk',
loadChildren: () => import('../app/views/pages/kiosk/kiosk.module').then(m => m.KioskModule)
},
{
path: 'registration',
loadChildren: () =>
import('../app/views/pages/registeration/registeration.module').then(c => c.RegisterationModule)
},
{
path: 'error/403',
component: ErrorPageComponent,
data: {
type: 'error-v6',
code: 403,
title: '403... Access forbidden',
desc: "Looks like you don't have permission to access for requested page.<br> Please, contact administrator"
}
},
{ path: 'error/:type', component: ErrorPageComponent },
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{ path: '**', redirectTo: 'dashboard', pathMatch: 'full' }
]
},
{ path: '**', redirectTo: 'error/403', pathMatch: 'full' }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule {}
Эта проблема также может быть найдена на github: ОШИБКА в метаданных NgModule не найдена для 'AppModule'
Любая помощь будет принята с благодарностью. Пожалуйста, помогите, поскольку мне нужно создать производственную сборку и развернуть приложение на сервере, но я не могу этого сделать.