diff --git a/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.component.ts.ejs b/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.component.ts.ejs
index 2721f1e4e76c..f057198420d8 100644
--- a/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.component.ts.ejs
+++ b/generators/entity-client/templates/vue/src/main/webapp/app/entities/entity-update.component.ts.ejs
@@ -26,6 +26,7 @@ import { DATE_TIME_LONG_FORMAT } from '@/shared/date/filters';
         const otherEntityAngularName = relationships[idx].otherEntityAngularName;
         const otherEntityFileName = relationships[idx].otherEntityFileName;
         const otherEntityFolderName = relationships[idx].otherEntityFileName;
+        const otherEntityClientRootFolder = relationships[idx].otherEntityClientRootFolder;
         const otherEntityModelName = relationships[idx].otherEntityModelName;
         if (relationships[idx].relationshipType === 'many-to-many' && relationships[idx].ownerSide === true) {
           hasManyToMany = true;
@@ -35,7 +36,7 @@ _%>
   <% if (otherEntityAngularName === 'User' && authenticationType !== 'oauth2') { %>
 import UserService from '@/admin/user-management/user-management.service';
   <% } else if (otherEntityAngularName !== 'User') { %>
-import <%= otherEntityAngularName %>Service from '../<%= otherEntityFolderName %>/<%= otherEntityFileName %>.service';
+import <%= otherEntityAngularName %>Service from '@/entities/<%= otherEntityClientRootFolder %><%= otherEntityFolderName %>/<%= otherEntityFileName %>.service';
 import { I<%= otherEntityAngularName %> } from '@/shared/model/<%= otherEntityModelName %>.model';
   <% } } %>
 <%_ importEntitiesSeen.push(otherEntityAngularName); } } _%>