search

jhipster / jhipster-vuejs

A Vue.js blueprint for JHipster. It will use Vue.js as the frontend library!
https://www.jhipster.tech
Apache License 2.0
301 stars 179 forks source link

Navbar is broken when using an UAA microservice #643

Closed ziabice closed 4 years ago

ziabice commented 4 years ago
Overview of the issue

I was following this tutorial https://www.baeldung.com/jhipster-uaa-secured-micro-service to generate a UAA secured microservice.

When I generate the gateway using Vue, generation works, but the generated gateway frontend doesn't work well. There's no navigation bar. And also I can't login using the provided Modal window in the homepage.

If I check the browser console, there are errors like in the screenshot below:

immagine

Motivation for or Use Case

It is a bug because if I generate the project using angular it works as expected.

Reproduce the error

Just follow the linked tutorial. Create the registry, the UAA and the gateway.

Related issues
Suggest a Fix
JHipster Version(s)

jHipster 6.10.1 jHipster Vue 1.9.1

JHipster configuration
$ jhipster info
INFO! Using JHipster version installed locally in current project's node_modules
INFO! No custom sharedOptions found within blueprint: generator-jhipster-vuejs at /webworks/prova_ms/gateway/node_modules/generator-jhipster-vuejs
INFO! No custom commands found within blueprint: generator-jhipster-vuejs at /webworks/prova_ms/gateway/node_modules/generator-jhipster-vuejs
INFO! Executing jhipster:info
Welcome to the JHipster Information Sub-Generator

##### **JHipster Version(s)**

gateway@0.0.0 /webworks/prova_ms/gateway └─┬ generator-jhipster-vuejs@1.9.1 └── generator-jhipster@6.10.1 


##### **JHipster configuration, a `.yo-rc.json` file generated in the root folder**

<details>
<summary>.yo-rc.json file</summary>
<pre>
{
  "generator-jhipster": {
    "promptValues": {
      "packageName": "it.bluenine",
      "nativeLanguage": "it"
    },
    "jhipsterVersion": "6.10.1",
    "applicationType": "gateway",
    "baseName": "gateway",
    "packageName": "it.bluenine",
    "packageFolder": "it/bluenine",
    "serverPort": "8080",
    "authenticationType": "uaa",
    "uaaBaseName": "uaa",
    "cacheProvider": "ehcache",
    "enableHibernateCache": true,
    "websocket": false,
    "databaseType": "sql",
    "devDatabaseType": "h2Disk",
    "prodDatabaseType": "mariadb",
    "searchEngine": false,
    "messageBroker": false,
    "serviceDiscoveryType": "eureka",
    "buildTool": "maven",
    "enableSwaggerCodegen": false,
    "embeddableLaunchScript": false,
    "useSass": true,
    "clientPackageManager": "npm",
    "clientFramework": "vue",
    "clientTheme": "none",
    "clientThemeVariant": "",
    "creationTimestamp": 1596028601681,
    "testFrameworks": [],
    "jhiPrefix": "jhi",
    "entitySuffix": "",
    "dtoSuffix": "DTO",
    "otherModules": [
      {
        "name": "generator-jhipster-vuejs",
        "version": "1.9.1"
      }
    ],
    "enableTranslation": true,
    "nativeLanguage": "it",
    "languages": ["it", "en"],
    "blueprints": [
      {
        "name": "generator-jhipster-vuejs",
        "version": "1.9.1"
      }
    ]
  }
}

</pre>
</details>

##### **JDL for the Entity configuration(s) `entityName.json` files generated in the `.jhipster` directory**

<details>
<summary>JDL entity definitions</summary>

<pre>

</pre>
</details>

##### **Environment and Tools**

openjdk version "11.0.7" 2020-04-14
OpenJDK Runtime Environment (build 11.0.7+10)
OpenJDK 64-Bit Server VM (build 11.0.7+10, mixed mode)

git version 2.27.0

node: v12.17.0

npm: 6.14.6

yarn: 1.22.4

Docker version 19.03.12-ce, build 48a66213fe

docker-compose version 1.26.2, build unknown

INFO! Congratulations, JHipster execution is complete!
$ cat .yo-rc.json 
{
  "generator-jhipster": {
    "promptValues": {
      "packageName": "it.bluenine",
      "nativeLanguage": "it"
    },
    "jhipsterVersion": "6.10.1",
    "applicationType": "gateway",
    "baseName": "gateway",
    "packageName": "it.bluenine",
    "packageFolder": "it/bluenine",
    "serverPort": "8080",
    "authenticationType": "uaa",
    "uaaBaseName": "uaa",
    "cacheProvider": "ehcache",
    "enableHibernateCache": true,
    "websocket": false,
    "databaseType": "sql",
    "devDatabaseType": "h2Disk",
    "prodDatabaseType": "mariadb",
    "searchEngine": false,
    "messageBroker": false,
    "serviceDiscoveryType": "eureka",
    "buildTool": "maven",
    "enableSwaggerCodegen": false,
    "embeddableLaunchScript": false,
    "useSass": true,
    "clientPackageManager": "npm",
    "clientFramework": "vue",
    "clientTheme": "none",
    "clientThemeVariant": "",
    "creationTimestamp": 1596028601681,
    "testFrameworks": [],
    "jhiPrefix": "jhi",
    "entitySuffix": "",
    "dtoSuffix": "DTO",
    "otherModules": [
      {
        "name": "generator-jhipster-vuejs",
        "version": "1.9.1"
      }
    ],
    "enableTranslation": true,
    "nativeLanguage": "it",
    "languages": ["it", "en"],
    "blueprints": [
      {
        "name": "generator-jhipster-vuejs",
        "version": "1.9.1"
      }
    ]
  }
}
Entity configuration(s) entityName.json files generated in the .jhipster directory
Browsers and Operating System

I'm on Manjaro Linux, using Firefox 78.0.2

pascalgrimaud commented 4 years ago

@ziabice : it's normal, as UAA doesn't work with Vue.js. The support hasn't been coded as no one want to do this :)

There are already several tickets on this:

A PR too, which doesn't work:

ziabice commented 4 years ago

@pascalgrimaud thank you a lot for the reply, I'm sorry if this is a duplicate report, but I'm new to jHipster and microservices, so I don't even know what to search.

I'm closing this issue.

pascalgrimaud commented 4 years ago

No worry ! :-) Welcome to the Open Source world !