Vue3 + Vite + Okta Vue, Redirecting path is going wrong in Dev Environment.

PavankalyanPayyavula commented 5 months ago

Related plugins

[X] plugin-vue
[ ] plugin-vue-jsx

Describe the bug

Hi,

I am working on developing an new application using Vue3 + Vite + Okta Vue and Codebuild. These are the below libraries I am using in my application @okta/okta-auth-js, @okta/okta-vue,

When I am try running application in my local machine in dev mode it is working. But when I build then I guess rollup is not able to import them properly.

Reproduction

I've tried it on an empty Vue3 project with Vite and vue-router, just adding the Okta components. Create a project following the Vue v3 using vite

Add okta widget as in the basic Okta guide for Vue v3 (https://developer.okta.com/docs/guides/sign-in-to-spa-authjs/vue/main/)

npm install @okta/okta-auth-js npm install @okta/okta-vue Now try to run it

npm run dev And I get the error: [vite] Optimizable dependencies detected: @okta/okta-auth-js, @okta/okta-vue, vue

Steps to reproduce

No response

System Info

I am using Mac OS,
Node version 20.9.0
Vite 5.3.1
Vue 3.4.29

Used Package Manager

npm

Logs

No response

Validations

[X] Follow our Code of Conduct
[X] Read the Contributing Guidelines.
[X] Read the docs.
[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
[X] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
[X] The provided reproduction is a minimal reproducible example of the bug.

PavankalyanPayyavula commented 3 months ago

@yyx990803, @patak-dev any help on this. I understood that Vite rollup is not able to import Okta Auth library @okta/okta-auth-js after the build. It is working fine when I try to run application in local. I have tried adding alias as below.

resolve: {
      alias : {
        '@okta/okta-auth-js' : '@okta/okta-auth-js/dist/okta-auth-js.umd.js'
      }
    },

But it is breaking in my local dev.

patak-dev commented 3 months ago

This doesn't seems to be related to vite-plugin-vue, and there is no minimal reproduction. If you manage to get a minimal reproduction showing an issue in Vite, please share it there. If not, create a Discussion.

PavankalyanPayyavula commented 3 months ago

Hi @patak-dev, Please have look that this issue https://github.com/vitejs/vite/issues/1315. My issue actually related the above issue. I have followed the solution suggested by Evan. But it is not working.

I understood that this is not related to vite-plugin-vue. But I guess this is related to Vite. Since this is related to authentication library. I cannot manage to get a minimal reproduction showing an issue.

vitejs / vite-plugin-vue