ClientId in Vue.js SPA

Questions
1

I am getting an error with my clientId in the console when I run my app.

webpack-internal:///./node_modules/@okta/okta-vue/dist/okta-vue.js:77 Uncaught Error: Your client ID is missing. You can copy it from the Okta Developer Console in the details for the Application you created. Follow these instructions to find it: https://bit.ly/finding-okta-app-credentials
at new t (webpack-internal:///./node_modules/@okta/okta-vue/dist/okta-vue.js:77)
at i.assertClientId (webpack-internal:///./node_modules/@okta/okta-vue/dist/okta-vue.js:77)
at v (webpack-internal:///./node_modules/@okta/okta-vue/dist/okta-vue.js:303)
at Object.install (webpack-internal:///./node_modules/@okta/okta-vue/dist/okta-vue.js:303)
at Function.Vue.use (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:5091)
at eval (webpack-internal:///./src/router.js:23)
at Module…/src/router.js (app.js:3878)
at webpack_require (app.js:724)
at fn (app.js:101)
at eval (webpack-internal:///./src/main.js:16)

I am not confused about how to find the clientId in my Okta app - I have placed it in the clientId placeholder in the config settings. I cannot track down why this error message is coming up

2

Can you please post the code you’re using for your config settings?

3

Yes Sure. If you need more, let me know. This is the config section of my router view.

import Auth from “@okta/okta-vue”;

Vue.use(Auth, {
clientId: “here’s where my client ID goes”,
issuer: “https://my okta URL/oath2/default”,
redirectUri: “http://localhost:8080/implicit/callback”,
scope: “openid profile email”
});

Vue.use(Router);

let router = new Router({
mode: “history”,
routes: [