Angular 4:ng服务很好但是ng build --prod失败了

时间:2018-06-07 05:16:55

标签: angular angular-cli

当我尝试运行ng serve时,它运行时没有任何错误,但是当我尝试使用“ng build --prod”创建生产版本时,它会在下面的错误中停止。我试图调整版本仍然没有成功。然后出现了一些其他问题,就像其他API版本兼容性问题任何帮助将受到高度赞赏。

   ./src/main.ts中的错误找不到模块:错误:无法解决   './$$_gendir/app/app.module.ngfactory'in   'D:\ 000PS \ workspace_ui \ dashboard \ src'ERROR in Error:元数据版本   模块不匹配   d:/000PS/workspace_ui/dashboard/node_modules/ngx-pipes/src/app/index.d.ts,   发现版本4,预计3       在StaticSymbolResolver.getModuleMetadata(D:\ 000PS \ workspace_ui \ dashboard \ node_modules \ @angular \ compiler \ bundles \ compiler.umd.js:25755:34)       在StaticSymbolResolver._createSymbolsOf(D:\ 000PS \ workspace_ui \ dashboard \ node_modules \ @angular \ compiler \ bundles \ compiler.umd.js:25543:46)       在StaticSymbolResolver.getSymbolsOf(D:\ 000PS \ workspace_ui \ dashboard \ node_modules \ @angular \ compiler \ bundles \ compiler.umd.js:25524:14)       在D:\ 000PS \ workspace_ui \ dashboard \ node_modules \ @angular \ compiler \ bundles \ compiler.umd.js:24381:30       在Array.forEach()       在extractProgramSymbols(D:\ 000PS \ workspace_ui \ dashboard \ node_modules \ @angular \ compiler \ bundles \ compiler.umd.js:24380:79)       在AotCompiler.analyzeModulesAsync(D:\ 000PS \ workspace_ui \ dashboard \ node_modules \ @angular \ compiler \ bundles \ compiler.umd.js:23936:47)       在CodeGenerator.codegen(D:\ 000PS \ workspace_ui \ dashboard \ node_modules \ @angular \ compiler-cli \ src \ codegen.js:32:14)       在Function.NgTools_InternalApi_NG_2.codeGen(D:\ 000PS \ workspace_ui \ dashboard \ node_modules \ @angular \ compiler-cli \ src \ ngtools_api.js:73:30)       在_donePromise.Promise.resolve.then(D:\ 000PS \ workspace_ui \ dashboard \ node_modules \ @ngtools \ webpack \ src \ plugin.js:428:58)       在       at process._tickCallback(internal / process / next_tick.js:188:7)

请查找package.json以供参考:

{
  "name": "dashboard",
  "version": "1.0.1",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "4.4.4",
    "@angular/compiler": "4.4.4",
    "@angular/core": "4.4.4",
    "@angular/forms": "4.4.4",
    "@angular/http": "4.4.4",
    "@angular/platform-browser": "4.4.4",
    "@angular/platform-browser-dynamic": "4.4.4",
    "@angular/router": "4.4.4",
    "@ngui/map": "0.18.3",
    "@types/googlemaps": "3.26.14",
    "angular2-jwt": "^0.2.3",
    "bootstrap": "3.3.5",
    "bootstrap-notify": "3.1.3",
    "bootstrap-select": "1.12.2",
    "bootstrap-switch": "3.3.4",
    "bootstrap-tagsinput": "0.7.1",
    "chartist": "0.9.4",
    "chartist-plugin-zoom": "0.4.0",
    "chartjs-plugin-zoom": "0.5.0",
    "core-js": "2.4.1",
    "datatables": "1.10.12",
    "datatables.net-bs": "1.10.12",
    "datatables.net-responsive": "2.1.1",
    "easy-pie-chart": "2.1.7",
    "eonasdan-bootstrap-datetimepicker": "4.17.47",
    "fullcalendar": "3.4.0",
    "jasny-bootstrap": "3.1.3",
    "jquery": "1.12.4",
    "material-design-icons": "^3.0.1",
    "mdbootstrap": "^4.5.0",
    "ng2-fab-speed-dial": "^1.0.0-beta.5",
    "ngx-pipes": "^1.6.5",
    "nouislider": "9.2.0",
    "npm": "^5.8.0",
    "rxjs": "5.4.2",
    "time-ago-pipe": "1.2.1",
    "twitter-bootstrap-wizard": "^1.2.0",
    "web-animations-js": "2.2.2",
    "zone.js": "0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "^1.7.4",
    "@angular/compiler-cli": "4.4.4",
    "@types/bootstrap": "3.3.32",
    "@types/chartist": "0.9.34",
    "@types/jasmine": "2.5.38",
    "@types/jquery": "1.10.31",
    "@types/node": "6.0.73",
    "angular2-jwt": "^0.2.3",
    "codelyzer": "2.0.0",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "3.2.0",
    "karma": "1.4.1",
    "karma-chrome-launcher": "2.0.0",
    "karma-cli": "1.0.1",
    "karma-coverage-istanbul-reporter": "0.2.0",
    "karma-jasmine": "1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "protractor": "5.1.0",
    "ts-node": "2.0.0",
    "tslint": "4.5.0",
    "typescript": "2.4.2"
  }
}

1 个答案:

答案 0 :(得分:2)

您的角度版本为4.4,ngx-pipes角度版本为5或更高。因此,安装与您的角度项目兼容的版本的ngx-pipes。

检查node_modules / ngx-pipes / package.json内部以查找ngx-pipes版本。