https://supertokens.com/ logo
Title
a

Aithusa

11/01/2022, 3:27 AM
I get this error when copy and pasting into a tsx file in my vue project
r

rp

11/01/2022, 5:27 AM
hey @Aithusa
can you show some code please?
a

Aithusa

11/01/2022, 6:20 AM
ts
import * as React from "react";
import * as SuperTokens from "supertokens-auth-react";
import * as ThirdPartyEmailPassword from "supertokens-auth-react/recipe/thirdpartyemailpassword";
import { Github, Google, Facebook, Apple } from "supertokens-auth-react/recipe/thirdpartyemailpassword";
import Session from "supertokens-auth-react/recipe/session";

SuperTokens.init({
    appInfo: {
        appName: "DevChat",
        apiDomain: "localhost",
        websiteDomain: "localhost",
        apiBasePath: "/auth",
        websiteBasePath: "/auth"
    },
    recipeList: [
        ThirdPartyEmailPassword.init({
            signInAndUpFeature: {
                providers: [
                    Github.init(),
                    Google.init(),
                    Facebook.init(),
                    Apple.init(),
                ],
            },
        }),
        Session.init(),
    ],
});

class SuperTokensReactComponent extends React.Component {
    override render() {
        if (SuperTokens.canHandleRoute()) {
            return SuperTokens.getRoutingComponent();
        }
        return "Route not found";
    }
}

export default SuperTokensReactComponent;
r

rp

11/01/2022, 6:21 AM
hey @jscyo can help out with this
j

jscyo

11/01/2022, 7:08 AM
Hey @Aithusa we are working on fixing this
r

rp

11/01/2022, 2:31 PM
Hey @Aithusa we have updated our guide for vue js integration. Please have a look
If you are still seeing the older version, then please make sure to clear cache and hard reload
a

Aithusa

11/01/2022, 5:31 PM
How do I solve this problem
sh
ERROR in ./src/views/AuthView.vue?vue&type=template&id=62fe0c27&ts=true (./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/AuthView.vue?vue&type=template&id=62fe0c27&ts=true) 8:27

Module parse failed: Unexpected token (8:27)
File was processed with these loaders:
 * ./node_modules/vue-loader/dist/templateLoader.js
 * ./node_modules/vue-loader/dist/index.js
You may need an additional loader to handle the result of these loaders.
| ]
| 
> export function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {
|   return (_openBlock(), _createElementBlock("main", null, _hoisted_2))
| }
r

rp

11/01/2022, 5:32 PM
how did you get this problem?
a

Aithusa

11/01/2022, 5:32 PM
I did what was in the tutorial
r

rp

11/01/2022, 5:33 PM
@jscyo can help here
a

Aithusa

11/01/2022, 5:34 PM
Nevermind I think I figured it out
r

rp

11/01/2022, 5:34 PM
ah ok