Angular 2与Spring Boot集成为一次战争 [英] Angular 2 integrate with spring boot as single war

问题描述

在我的应用程序中独立使用angular js2.在将angular js2 build集成到spring boot Web应用程序文件后，可以将其部署为一次war.然后出现这样的错误

In my application working with angular js2 standalone. After integrating angular js2 build to spring boot web app files for deploy as single war. then getting error like this

我尝试了两种煎蛋饼 1)将npm intall添加，并将npm run build add作为maven执行目标. 2)Angularjs通过使用以下命令手动构建，该命令将副本扩展到Web应用程序目录中，然后构建war. 这些战争使inito成为了我的本地主机，然后得到了这些js缺失的问题. 我是angular2的新手 我的工作环境 节点:v8.1.2 npm-:v5.0.3 环形的:1.2

I tried two senarioes 1) add npm intall and npm run build add as maven exucution goals. 2)Angularjs build manually by using commands that build out out copy to web app directry then build war. These war put inito my local host then get these js missing problem. I'm new in angular2 My working environment Node : v8.1.2 npm -: v5.0.3 anular: 1.2

 "private": true,
  "dependencies": {
    "@agm/core": "^1.0.0-beta.0",
    "@angular/common": "^2.4.0",
    "@angular/compiler": "^2.4.0",
    "@angular/core": "^2.4.0",
    "@angular/forms": "^2.4.0",
    "@angular/http": "^2.4.0",
    "@angular/platform-browser": "^2.4.0",
    "@angular/platform-browser-dynamic": "^2.4.0",
    "@angular/router": "^3.4.0",
    "angular2-cookie": "^1.2.6",
    "animate.css": "^3.5.2",
    "arrive": "^2.3.1",
    "bootstrap": "^3.3.5",
    "bootstrap-notify": "^3.1.3",
    "bootstrap-select": "^1.12.2",
    "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",
    "domready": "^1.0.8",
    "eonasdan-bootstrap-datetimepicker": "4.17.47",
    "fullcalendar": "^3.4.0",
    "googleapis": "^19.0.0",
    "jasny-bootstrap": "^3.1.3",
    "jquery": "^1.12.4",
    "lodash": "^4.17.4",
    "ng2-cookies": "^1.0.12",
    "ng2-datepicker": "^1.8.3",
    "ng2-daterangepicker": "^2.0.7",
    "nouislider": "^9.2.0",
    "pretty-error": "^2.1.1",
    "rxjs": "^5.1.0",
    "twitter-bootstrap-wizard": "^1.2.0",
    "validate": "^3.0.1",
    "web-animations-js": "^2.2.2",
    "zone.js": "^0.7.6"
  },
  "devDependencies": {
    "@angular/cli": "1.1.3",
    "@angular/compiler-cli": "^2.4.0",
    "@types/bootstrap": "^3.3.32",
    "@types/chartist": "^0.9.34",
    "@types/jasmine": "2.5.38",
    "@types/jquery": "^1.10.33",
    "@types/node": "^6.0.73",
    "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.0.0",
    "webpack": "^3.0.0"
  },
  "description": "This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0-rc.2.",
  "bugs": {
    "url": "https://github.com/creativetimofficial/material-dashboard-pro-angular/issues"
  },
  "homepage": "https://github.com/creativetimofficial/material-dashboard-pro-angular#readme",
  "main": "karma.conf.js",
  "keywords": [],
  "author": ""
}

推荐答案

请确保与目标对象所要嵌入的目标相同，从而成功完成了角度构建.假设您的spring boot应用程序将在

Make sure the angular build successfully with same target which application you wish to embed. Suppose your spring boot application will be running in

localhost:8080

localhost:8080

角度目标应该相同.否则，当您与Spring集成时，它将失败.

the angular target should be same. Other wise it will be fail when you integrate with Spring.

这篇关于Angular 2与Spring Boot集成为一次战争的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！