未找到';的NgModule元数据中的Angular 7错误;AppModule';
ng构建给出了错误,但没有显示任何其他线索,如文件名。此项目是asp.net核心应用程序,具有angular 7未找到';的NgModule元数据中的Angular 7错误;AppModule';,angular,typescript,asp.net-core,.net-core,Angular,Typescript,Asp.net Core,.net Core,ng构建给出了错误,但没有显示任何其他线索,如文件名。此项目是asp.net核心应用程序,具有angular 7 c:\Users\siva\Myapp\ClientApp>ng build Date: 2019-08-08T13:22:52.205Z Hash: 3cf9605e6457ff409625 Time: 6746ms chunk {main} main.js, main.js.map (main) 671 bytes [initial] [rendered] chunk {p
c:\Users\siva\Myapp\ClientApp>ng build
Date: 2019-08-08T13:22:52.205Z
Hash: 3cf9605e6457ff409625
Time: 6746ms
chunk {main} main.js, main.js.map (main) 671 bytes [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 93.3 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.08 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 747 kB [initial] [rendered]
ERROR in No NgModule metadata found for 'AppModule'.
本地安装的软件包及其版本为:
npm list --depth=0
+-- @angular-devkit/build-angular@0.13.9
+-- @angular/animations@7.0.4
+-- @angular/cdk@7.3.7
+-- @angular/cli@7.3.9
+-- @angular/common@7.0.4
+-- @angular/compiler@7.0.4
+-- @angular/compiler-cli@7.0.4
+-- @angular/core@7.0.4
+-- @angular/flex-layout@7.0.0-beta.24
+-- @angular/forms@7.0.4
+-- @angular/http@7.0.4
+-- @angular/language-service@7.0.4
+-- @angular/material@7.3.7
+-- @angular/platform-browser@7.0.4
+-- @angular/platform-browser-dynamic@7.0.4
+-- @angular/router@7.0.4
+-- @types/jasmine@2.8.16
+-- @types/jasminewd2@2.0.6
+-- @types/node@8.10.51
+-- codelyzer@4.5.0
+-- core-js@2.6.9
+-- jasmine-core@2.99.1
+-- jasmine-spec-reporter@4.2.1
+-- karma@4.2.0
+-- karma-chrome-launcher@2.2.0
+-- karma-coverage-istanbul-reporter@2.0.6
+-- karma-jasmine@1.1.2
+-- karma-jasmine-html-reporter@0.2.2
+-- ngx-device-detector@1.3.9
+-- ngx-mask@7.9.10
+-- ngx-mat-select-search@1.8.0
+-- ngx-perfect-scrollbar@7.2.1
+-- ngx-ui-loader@7.2.2
+-- node-sass@4.12.0
+-- protractor@5.4.2
+-- rxjs@6.3.3
+-- ts-node@7.0.1
+-- tslint@5.11.0
+-- typescript@3.1.6
+-- web-animations-js@2.3.2
+-- webpack@4.39.1
`-- zone.js@0.8.29
package.json文件是
{
"name": "myapp",
"version": "1.0.0",
"description": "myapp",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"build.prod": "ng build --prod",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^7.0.4",
"@angular/cdk": "^7.3.7",
"@angular/common": "^7.0.4",
"@angular/compiler": "^7.0.4",
"@angular/core": "^7.0.4",
"@angular/flex-layout": "^7.0.0-beta.24",
"@angular/forms": "^7.0.4",
"@angular/http": "^7.0.4",
"@angular/material": "^7.3.7",
"@angular/platform-browser": "^7.0.4",
"@angular/platform-browser-dynamic": "^7.0.4",
"@angular/router": "^7.0.4",
"core-js": "^2.6.9",
"ngx-device-detector": "^1.3.5",
"ngx-mask": "^7.9.10",
"ngx-mat-select-search": "^1.8.0",
"ngx-perfect-scrollbar": "^7.2.1",
"ngx-ui-loader": "^7.2.2",
"rxjs": "~6.3.3",
"web-animations-js": "^2.3.2",
"webpack": "^4.39.1",
"zone.js": "^0.8.29"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.13.8",
"@angular/cli": "^7.3.8",
"@angular/compiler-cli": "^7.0.4",
"@angular/language-service": "^7.0.4",
"@types/jasmine": "^2.8.16",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^8.10.51",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^4.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "^2.0.6",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"node-sass": "^4.12.0",
"protractor": "^5.4.2",
"ts-node": "~7.0.1",
"tslint": "~5.11.0",
"typescript": "~3.1.6"
}
}
main.ts:
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
app.module.ts
import { APP_BASE_HREF } from '@angular/common';
import { HttpClientModule } from '@angular/common/http';
import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgxUiLoaderModule } from 'ngx-ui-loader';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { CoreModule } from './core/core.module';
import { FakeBackendProvider } from './fake-backend/fake-backend.interceptor';
import { HomeModule } from './home/home.module';
import { MaterialModule } from './shared/modules/material.module';
import { SharedModule } from './shared/shared.module';
@NgModule({
imports: [
BrowserModule,
HttpClientModule,
AppRoutingModule,
FlexLayoutModule,
BrowserAnimationsModule,
CoreModule,
HomeModule,
NgxUiLoaderModule,
SharedModule.forRoot(),
MaterialModule.forRoot()
],
declarations: [AppComponent],
providers: [
FakeBackendProvider,
{
provide: APP_BASE_HREF,
useValue: '/'
}
],
bootstrap: [AppComponent]
})
export class AppModule { }
我尝试了所有我发现的方法,比如删除node_modules文件夹。npm安装,npm缓存清除——force和我尝试删除和卸载NodeJ和源代码,并从scratch开始。同样的错误来了。如何排除错误原因
如果在ng构建中使用--aot参数,则会出现不同的错误
TypeError: Cannot read property 'flags' of undefined
虽然我不确定,这个问题可能是由于网页包安装。在此错误之前,我得到了一个关于网页包的错误,但找不到。我已经通过
npm安装webpack
或npm安装webpack--save
安装了它。我不记得了。然后是另一个与节点saas相关的错误。所以我也安装了node-sass。我读过这期github。因此,我已完成以下步骤:
简单地说,如果我在获得项目的源代码后在angular project文件夹中运行命令
npm install
,就不会有问题了。由于webpack和node sass软件包都是@angular devkit/build angular软件包的一部分,我们不需要单独安装它。我仍然不知道手动安装这些软件包会出现问题的原因,尽管我不确定,问题可能是由于安装了webpack软件包。在此错误之前,我得到了一个关于网页包的错误,但找不到。我已经通过npm安装webpack
或npm安装webpack--save
安装了它。我不记得了。然后是另一个与节点saas相关的错误。所以我也安装了node-sass。我读过这期github。因此,我已完成以下步骤:
简单地说,如果我在获得项目的源代码后在angular project文件夹中运行命令
npm install
,就不会有问题了。由于webpack和node sass软件包都是@angular devkit/build angular软件包的一部分,我们不需要单独安装它。我仍然不知道手动安装这些软件包会产生问题的原因可能会有帮助?您是否尝试过像typescript一样更新所有软件包?也请参考此链接可能会有帮助?您是否尝试过像typescript一样更新所有软件包?也请参考此链接