i'm using graphql in vue 3 using villus library , can you guys guide me through integration of super...

denniarems

07/21/2022, 2:59 PM

i'm using graphql in vue 3 using villus library , can you guys guide me through integration of supertokens in it https://villus.logaretm.com/guide/setup

rp_st

07/21/2022, 3:33 PM

Hey! We have example apps and blogs for this

rp_st

07/21/2022, 3:33 PM

- If you want to use our pre built UI: https://supertokens.com/blog/how-to-use-supertokens-pre-built-ui-with-vuejs

rp_st

07/21/2022, 3:33 PM

- If you want to build your own UI: https://github.com/supertokens/supertokens-web-js/tree/example-vue-tpep/examples/vuejs/with-thirdpartyemailpassword

rp_st

07/21/2022, 3:37 PM

If you have any specific questions, please feel free to ask.

denniarems

07/21/2022, 7:34 PM

i got an error when using this vue template :

pnpm build

https://github.com/antfu/vitesse

rp_st

07/21/2022, 7:35 PM

How r you importing?

denniarems

07/21/2022, 8:16 PM

main.ts

denniarems

07/21/2022, 8:24 PM

its works when in development mode

pnpm dev

denniarems

07/21/2022, 8:25 PM

but error in build mode

pnpm build

rp_st

07/22/2022, 3:49 AM

Can you open an issue about this on our GitHub?

denniarems

07/22/2022, 6:02 AM

rp_st

07/22/2022, 9:29 AM

thanks for making the issue. @nkshah2 will help out

nkshah2

07/22/2022, 11:11 AM

Hey @denniarems Looks like one of the plugins in that template tries to load packages differently when running in production mode. I can see some issues complaining about something similar for

vite-ssg

so this is not a bug on the package side for sure. The main issue is that in production builds the import

Copy code

import ThirdPartyEmailPassword from "supertokens-web-js/recipe/thirdpartyemailpassword";

Gets converted to

Copy code

import ThirdPartyEmailPassword from "supertokens-web-js/recipe/thirdpartyemailpassword.js";

Which is not a valid import statement because that file doesnt exist

nkshah2

07/22/2022, 11:11 AM

As a workaround you can import from the index file directly

Copy code

import ThirdPartyEmailPassword from "supertokens-web-js/recipe/thirdpartyemailpassword/index";

Which works in both production and dev mode

denniarems

07/22/2022, 10:03 PM

Let me check and try 😘 thanksss

2 Views

Previous Next

SuperTokens.com

SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).